如何设置 UIView 高度等于两个子视图 UILabel 的最大值？

Question

我必须使用动态高度的 UILabel。我想将它的超级视图高度设置为等于 UILabel 高度的最大值。

class ComponentCell: UIView {
  private lazy var leftRow: UILabel = UILabel()
  private lazy var rightRow: UILabel = UILabel()

  init(leftValue: String, rightValue: String) {
    super.init(frame: .zero)
    leftRow.backgroundColor = .red
    leftRow.numberOfLines = 0
    leftRow.lineBreakMode = .byWordWrapping
    leftRow.text = leftValue
    rightRow.text = rightValue
    rightRow.backgroundColor = .yellow
    rightRow.numberOfLines = 0
    rightRow.lineBreakMode = .byWordWrapping
    self.addSubview(self.leftRow)
    self.addSubview(self.rightRow)
    leftRow.sizeToFit()
    rightRow.sizeToFit()
    leftRow.setContentHuggingPriority(.required, for: .vertical)
    rightRow.setContentHuggingPriority(.required, for: .vertical)
    self.translatesAutoresizingMaskIntoConstraints = false
    self.leftRow.snp.makeConstraints { make in
      make.top.equalToSuperview()
      make.left.equalToSuperview()
      make.width.equalToSuperview().dividedBy(2)
    }
    self.rightRow.snp.makeConstraints { make in
      make.top.equalToSuperview()
      make.right.equalToSuperview()
      make.width.equalToSuperview().dividedBy(2)
    }
    self.layoutIfNeeded()
  }

  required init?(coder aDecoder: NSCoder) {
    fatalError("init(coder:) has not been implemented")
  }
}

如果我设置 leftRow.botton.equalTo(superview.bottom) 和 rightRow.botton.equalTo(superview.bottom) 它就可以了。但我认为这不是一个好方法。而且我不明白为什么setContentHuggingPriority没有帮我解决这个问题。

Answer 1

内容拥抱

内容拥抱导致更有可能挤压您的标签。您想要的是更受尊重的标签高度。所以你宁愿使用压缩阻力优先级。然而你实际上不需要这些。

布局约束

由于您是以编程方式设置约束，因此您还需要将标签的 translatesAutoresizingMaskIntoConstraints 设置为 false：

leftRow.translatesAutoresizingMaskIntoConstraints = false
rightRow.translatesAutoresizingMaskIntoConstraints = false

底部约束实际上是一个好的开始，但您不想让较小标签的高度不必要地适应较大标签的高度。所以你想添加一个约束 "less than or equal to the bottom anchor":

make.bottom.lessThanOrEqualTo(self.snp.bottom)

惰性变量

如果你想使用惰性变量，你必须改变初始化的方式。按照您编写的方式，它会在初始化 class 时立即初始化变量。但是您只希望它们在第一次使用时被初始化。为此你需要这样写：

private lazy var leftRow: UILabel = {
    return UILabel() 
}()
private lazy var rightRow: UILabel = {
    return UILabel() 
}()

但是在你的情况下你不需要延迟加载，所以你可以直接初始化它们：

private let leftRow = UILabel()
private let rightRow = UILabel()

其他

由于您使用的是布局约束，因此无需在标签上调用 sizeToFit。它什么都不做。

在 init 中调用 layoutIfNeeded() 也不会做任何事情，因为一旦您将 ComponentCell 作为子视图添加到另一个视图，它就会被调用。

如何设置 UIView 高度等于两个子视图 UILabel 的最大值？

How to set UIView height equal to max of two subviews UILabel?

uilabel

ios

nslayoutconstraint

swift

snapkit

内容拥抱

布局约束

惰性变量

其他