Как использовать preserveesSuperviewLayoutMargins во вложенных представлениях

Question

Я пытаюсь использовать preservesSuperviewLayoutMargins через иерархию вложенных представлений, но сталкиваясь с множеством проблем с UIKit и задаваясь вопросом, что я делаю неправильно (или это настоящая ошибка).

Я пытаюсь выложить несколько взглядов (некоторые на стороне друг друга, некоторые друг над другом), как так:

// Various combinations here will create different visual results (it will either work or won't) 

let i1 = ImageView() 
//let i1 = LabelView() 
let i2 = ImageView() 
//let i2 = LabelView() 
let i3 = ImageView() 
//let i3 = LabelView() 

let view = LeftRight(left: i1, right: TopBottom(top: i2, bottom: i3)) 
//let view = LeftRight(left: TopBottom(top: i2, bottom: i3), right: i1) 

С некоторыми компоновщика я могу заставить его работать, как показано ниже. Вы можете видеть, что изображения справа правильно отступают от зеленого вида, который, в свою очередь, правильно отступил от белого представления.

Но с другими я борюсь:

Запуск код, подобный этому в приложение, которое я могу получить полную блокировку и памяти беглеца.

отступов осуществляется с помощью layoutMargins так:

let masterView = UIView(frame: CGRect(x: 0, y: 0, width: 500, height: 500)) 
masterView.translatesAutoresizingMaskIntoConstraints = false 
masterView.layoutMargins = UIEdgeInsets(top: 5.0, left: 5.0, bottom: 5.0, right: 5.0) 

let subView = UIView(frame: CGRect(x: 0, y: 0, width: 500, height: 500)) 
subView.translatesAutoresizingMaskIntoConstraints = false 
subView.layoutMargins = UIEdgeInsets(top: 5.0, left: 5.0, bottom: 5.0, right: 5.0) 

Вот образец макета изображения с детской площадкой. The full playground project can be found here и можно легко загрузить и запустить в XCode, чтобы понять, что я имею в виду.

class ImageView: UIView { 

    init() { 

     super.init(frame: CGRect(x: 0, y: 0, width: 1000, height: 1000)) 

     self.preservesSuperviewLayoutMargins = true 
     self.layoutMargins = .zero 

     let imageView = UIImageView(image: UIImage(named: "jesus")) 
     imageView.contentMode = .center 

     imageView.translatesAutoresizingMaskIntoConstraints = false 
     imageView.clipsToBounds = true 
     self.clipsToBounds = true 
     imageView.backgroundColor = UIColor.red 

     self.addSubview(imageView) 

     imageView.leftAnchor.constraint(equalTo: self.layoutMarginsGuide.leftAnchor).isActive = true 
     imageView.rightAnchor.constraint(equalTo: self.layoutMarginsGuide.rightAnchor).isActive = true 
     imageView.topAnchor.constraint(equalTo: self.layoutMarginsGuide.topAnchor).isActive = true 
     imageView.bottomAnchor.constraint(equalTo: self.layoutMarginsGuide.bottomAnchor).isActive = true 
    } 
} 

Answer 1

Ok. Нашел вашу проблему. В вашем главном представлении и вашем подвью есть как размер кадра 500x500, так и marginLayout из 5 точек на край. Если вы создаете экземпляры с рамкой .zero, тогда все должно быть хорошо.

Update

После взятия немного больше времени с Playground я также добавил, что это ImageView:

private var imageView: UIImageView! 
override var intrinsicContentSize: CGSize { 
    return imageView?.intrinsicContentSize ?? .zero 
} 

и LabelView:

private var textLabel: UILabel! 
override var intrinsicContentSize: CGSize { 
    return textLabel?.intrinsicContentSize ?? .zero 
} 

Теперь в ваших методах инициализации из оба ImageView и LabelView используют эти свойства экземпляра вместо локального variabl е. После этого кажется, что все возможные комбинации работают. Если бы у вас была одна конкретная комбинация, которую вы знали, это не понравилось, дайте мне знать, чтобы я мог ее протестировать.

Answer 2

Я считаю, что вы забыли что-то, что требуется.

1. Осуществление intrinsicContentSize на ImageView и Этикетка
2. отсутствующих ограничений, которые делают оба подвидов имеют одинаковую ширину и высоту в этих 2 UIView подклассов (TopBottom и LeftRight)
3. правильного вид зрения (LeftRight) по-прежнему убежище «т был установлен его translatesAutoresizingMaskIntoConstraints свойства ложной
4. Добавьте constraint for bottom самого внешней frame зрения

5. вызова layoutIfNeeded() на frame вид

   top.widthAnchor.constraint (equalTo: bottom.widthAnchor) .isActive = истинный top.heightAnchor.constraint (equalTo: bottom.heightAnchor) .isActive = истина