Autolayout - Вертикально центр два вида в UITableViewCell, когда один вид имеет динамической высоту

Question

Это то, что я пытаюсь добиться. Внутри UITableView Cell у меня есть UIlabel, заполненный динамическим контентом и отдельным UIView, который имеет заданную высоту. В некоторых случаях, когда имеется много текста, UIlabel определяет высоту ячейки UITableView. В других случаях, когда имеется только одна строка текста, заполняющая UILabel, UIView устанавливает высоту ячейки. (Это то, что я в настоящее время.)

self.myLabel.setTranslatesAutoresizingMaskIntoConstraints(false) 
    self.myView.setTranslatesAutoresizingMaskIntoConstraints(false) 


    let viewsDictionary = [ 
     "myLabel":myLabel, 
     "myView":myView, 
    ] 


    let myLabel_H:Array = NSLayoutConstraint.constraintsWithVisualFormat("H:|-15-[myLabel]-60-|", options: NSLayoutFormatOptions(0), metrics: nil, views: viewsDictionary) 
    let myLabel_V:Array = NSLayoutConstraint.constraintsWithVisualFormat("V:|-[myLabel]-|", options:NSLayoutFormatOptions(0), metrics: nil, views: viewsDictionary) 

    self.contentView.addConstraints(myLabel_H) 
    self.contentView.addConstraints(myLabel_V) 


    let myView_H:Array = NSLayoutConstraint.constraintsWithVisualFormat("H:[myView(50)]-|", options: NSLayoutFormatOptions(0), metrics: nil, views: viewsDictionary) 
    let myView_V:Array = NSLayoutConstraint.constraintsWithVisualFormat("V:|-(>=10)-[myView(100)]-(>=10)-|", options: NSLayoutFormatOptions(0), metrics: nil, views: viewsDictionary) 

    self.contentView.addConstraints(myView_H) 
    self.contentView.addConstraints(myView_V) 

Вместо этого я получаю это: (И я бросал ошибки: = 10) - | (Имена: '|': UITableViewCellContentView: 0x7fc21bc6d050)>)

Answer 1

Вы можете выровнять два подвидов, используя значение выравнивания в параметре параметров методы визуального макета (.AlignAllCenterY), так что вам не нужен добавьте отдельное ограничение для просмотра изображения, чтобы центрировать его в направлении y. Кроме того, было бы лучше, если бы горизонтальные ограничения переместились с левого края на метку на вид изображения на правый край, вместо того, чтобы привязывать метку к обоим краям супервизора.

class RDTableViewCell: UITableViewCell { 

    var myLabel = UILabel() 
    var myView = UIImageView() 

    required init(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
    } 

    override init(style: UITableViewCellStyle, reuseIdentifier: String?) { 
     super.init(style: style, reuseIdentifier: reuseIdentifier) 

     myLabel.numberOfLines = 0 
     myLabel.setTranslatesAutoresizingMaskIntoConstraints(false) 
     myView.setTranslatesAutoresizingMaskIntoConstraints(false) 

     contentView.addSubview(myLabel) 
     contentView.addSubview(myView) 

     let viewsDictionary = ["myLabel":myLabel, "myView":myView] 

     let horizontalCons = NSLayoutConstraint.constraintsWithVisualFormat("H:|-15-[myLabel]-[myView(50)]-|", options: .AlignAllCenterY, metrics: nil, views: viewsDictionary) 
     let myLabel_V = NSLayoutConstraint.constraintsWithVisualFormat("V:|-[myLabel]-|", options:NSLayoutFormatOptions(0), metrics: nil, views: viewsDictionary) 
     let myView_V = NSLayoutConstraint.constraintsWithVisualFormat("V:|-(>=10)-[myView(100)]-(>=10)-|", options: NSLayoutFormatOptions(0), metrics: nil, views: viewsDictionary) 

     contentView.addConstraints(horizontalCons) 
     contentView.addConstraints(myLabel_V) 
     contentView.addConstraints(myView_V) 
    } 
} 

Answer 2

Вы должны использовать визуальный формат нон Автокомпоновка.

В ObjC это будет выглядеть примерно так:

[self.viewOuterView addConstraint:[NSlayoutConstraint constraintWithItem:self.innerView attribute:NSLayoutAttributeCenterY relateBy:NSLayoutRelationEqual toItem:self.outerView attribute:NSLayoutAttributeCenterY multiplier:1.0 constant:0.0]];