子视图（UILabel）放置在超级视图（UITextView）中时不遵守约束

Question

我尝试了自己的“ UITextView占位符”实现。

我的方法是这样的：

我在UITextView子类中创建一个UILabel ，并设置UILabel的约束以匹配其超级视图（ UITextView ）的大小。

这是我创建UILabel并将其分配给awakeFromNib()名为placeholderLabel的类变量的代码：

placeholderLabel = UILabel()
placeholderLabel.text = placeholder
placeholderLabel.numberOfLines = 0
placeholderLabel.lineBreakMode = .byWordWrapping
placeholderLabel.textAlignment = .left

下面的代码是我将UILabel添加为子视图的地方，然后再次在awakeFromNib()设置约束：

placeholderLabel.translatesAutoresizingMaskIntoConstraints = false
placeholderLabel.leftAnchor.constraint(equalTo: leftAnchor, constant: textContainerInset.left + 4).isActive = true
placeholderLabel.topAnchor.constraint(equalTo: topAnchor, constant: textContainerInset.top).isActive = true
placeholderLabel.rightAnchor.constraint(equalTo: rightAnchor, constant: textContainerInset.right + 4).isActive = true
placeholderLabel.bottomAnchor.constraint(lessThanOrEqualTo: bottomAnchor, constant: textContainerInset.bottom).isActive = true

我还有一个属性，用于设置占位符的文本，具有didSet观察器，该观察器设置placeholderLabel的文本，然后调用layoutIfNeeded()以便在UILabel扩展至第二（或第三）时重新计算约束。等）行：

var placeholder: String = "" {
    didSet {
        placeholderLabel.text = placeholder
        layoutIfNeeded()
    }
}

问题是我得到以下结果：

UILabel超出了它的超级视图范围（向右），并且似乎不遵守约束。 我运行可视调试器，该调试器确认了同样的事情：

似乎存在一个遵循UILabel的内容宽度的宽度约束，而不是遵循我已经设置的约束（ 在这种情况下，它创建的宽度为431而超级视图的宽度为288 ）。

我有什么想念的吗？

Answer 1

首先，您必须为负约束的常数使用负值（或-要使用正值-切换项目placeholderLabel.rightAnchor / rightAnchor ）。

但是，真正的问题是UITextView是UIScrollView的子类。 在您的情况下，将带有大文本的UILabel添加为子视图，并将其边缘限制在textview的边缘，将导致textview的contentSize增大。 textview变为水平滚动。

在添加标签之前和之后打印出textview的contentSize导致宽度的不同值（之前：335.0，之后：505.0）。

证明： https : //www.dropbox.com/s/eogvl2c5r76c6cl/example.mov? dl =0

您可以通过不创建正确的宽度约束来解决此问题：

// placeholderLabel.rightAnchor.constraint(equalTo: rightAnchor, constant: -(textContainerInset.right + 4)).isActive = true
placeholderLabel.widthAnchor.constraint(equalTo: widthAnchor, constant: -(textContainerInset.left + 4 + textContainerInset.right + 4)).isActive = true

Answer 2

正确的应该是负号

placeholderLabel.rightAnchor.constraint(equalTo: rightAnchor, constant: - textContainerInset.right - 4).isActive = true