ИОС autolayout динамическую высоту UILabel

Question

Скажем, у меня есть три UILabels, чьи позиции, как показано ниже:

[Label1] [Label2]

[Label3]

Label1 и Label2 находятся в одной и той же строке и Label3 ниже них. Все метки будут иметь фиксированную ширину и будут содержать динамический текст, поэтому их высота будет различной.

Как сделать Label3 10 баллов ниже метки, которая имеет более высокую высоту, используя AutoLayout?

Например, если Label1 «Высота ы составляет 100 пунктов, Label2» Высота с 120 точками (их позиции Y являются одинаковыми), то Label3 должно быть 10 пунктов ниже Label2, но если Label1 120 баллов высокой и Label2 составляет 100 пунктов, то Label3 должно быть на 10 пунктов ниже Label1.

Answer 1

Вы просто устанавливаете ограничения между Label3-> Label1 и Label3-> Label2. Использовать неравенство ограничений. Будет только один способ удовлетворить оба!

Вам также потребуется верхнее ограничение для Label3; его constant должен быть очень маленьким, а его priority должен быть очень низким. Это даст двум ограничениям неравенства что-то «нацелиться».

Вот пример. Это, как достигнуто полностью без кода - кнопки имеют код для добавления текста к ярлыкам, конечно, но ограничения полностью настраиваются в Interface Builder; этикетки изменяются, а нижняя метка перемещается вниз, автоматически. (Вы можете построить такое же расположение в коде, если вы хотите, естественно.)

Answer 2

Я предлагаю вам обернуть два label топ с до UIView и ограничения установки, так что эти label s приспосабливать все пространство внутри этого view , Затем вы просто добавьте vertical spacing constraint в конец label3 с constant = 10. В этом случае верхний view будет иметь размер больше label и удовлетворит ваши условия

Answer 3

Я думал, что это будет интересное занятие, поэтому я создаю небольшой тестовый проект. Суть кода ниже. Вы можете просто скопировать/вставить его в стандартный шаблон Single View iOS.

(Обратите внимание, что я использую SnapKit для программной Auto Layout, потому что это гораздо проще, чем UIKit API. Я считаю, это даже намного проще, чем делать вещи в Xcode.)

Результат точно такой же, как и Мэтт отличный скринкаст.

// ViewController.swift 

import UIKit 
import SnapKit 

class ViewController: UIViewController 
{ 
    override func viewDidLoad() { 
     super.viewDidLoad() 

     let leftLabel = UILabel() 
     leftLabel.addGestureRecognizer(UITapGestureRecognizer(target: self, action: "addText:")) 
     leftLabel.userInteractionEnabled = true 
     view.addSubview(leftLabel) 
     leftLabel.numberOfLines = 0 
     leftLabel.text = "All the world's a stage, and all the men and women merely players: they have their exits and their entrances; and one man in his time plays many parts, his acts being seven ages." 
     leftLabel.snp_makeConstraints { (make) -> Void in 
      make.top.equalTo(40) 
      make.left.equalTo(self.view) 
      make.right.equalTo(self.view.snp_centerX) 
     } 

     let rightLabel = UILabel() 
     rightLabel.addGestureRecognizer(UITapGestureRecognizer(target: self, action: "addText:")) 
     rightLabel.userInteractionEnabled = true 
     view.addSubview(rightLabel) 
     rightLabel.numberOfLines = 0 
     rightLabel.text = "There is a tide in the affairs of men, Which taken at the flood, leads on to fortune. Omitted, all the voyage of their life is bound in shallows and in miseries. On such a full sea are we now afloat. And we must take the current when it serves, or lose our ventures." 
     rightLabel.snp_makeConstraints { (make) -> Void in 
      make.top.equalTo(40) 
      make.right.equalTo(self.view) 
      make.left.equalTo(self.view.snp_centerX) 
     } 

     let bottomView = UIView() 
     view.addSubview(bottomView) 
     bottomView.backgroundColor = UIColor.redColor() 
     bottomView.snp_makeConstraints { (make) -> Void in 
      make.height.equalTo(20) 
      make.left.right.equalTo(self.view) 
      make.top.greaterThanOrEqualTo(leftLabel.snp_bottom) 
      make.top.greaterThanOrEqualTo(rightLabel.snp_bottom) 
     } 
    } 

    @objc func addText(recognizer: UIGestureRecognizer) { 
     if let label = recognizer.view as? UILabel { 
      label.text = label.text! + " I like cheese." 
     } 
    } 
} 

Обновлен код для добавления дополнительного текста к меткам при нажатии.

Answer 4

В первую очередь высоты удалить ограничений и установить все 3 этикетки вертикальной Содержание Приоритет Прочность на сжатие до 1000. Это самая важная часть.

Затем добавьте вертикальное пространство от Label3 к Label 1 и установите вместо Equal, Greater Than или Equal с приоритетом 500. Добавьте такое же ограничение пространства в Label2.

Последняя добавить ограничение из LABEL3 в Top = 0, но установить приоритет 1.