iOS 自动布局多行 UI标签

Question

下面的问题是这个问题的延续:

iOS：自动布局中的多行 UI标签

主要思想是，每个视图都应该声明其“首选”（固有）大小，以便AutoLayout可以知道如何正确显示它。UILabel只是视图本身无法知道显示所需的大小的情况的一个例子。这取决于提供的宽度。

正如mwhuss所指出的，setPreferredMaxLayoutWidth实现了使标签跨越多行的技巧。但这不是这里的主要问题。问题是，我在何时何地获得这个宽度值，作为参数发送给setPreferredMaxLayoutWidth。

我设法做了一些看起来合法的东西，所以如果我在任何方面错了，请纠正我，如果你知道更好的方法，请告诉我。

在UIView中

-(CGSize) intrinsicContentSize

我根据self.frame.width.为我的UILabels设置PreferredMaxLayoutWidth

UIViewController的

-(void) viewDidLayoutSubviews

是我所知道的第一个回调方法，其中主视图的子视图被指定为它们在屏幕上的确切框架。然后，从该方法内部，我对我的子视图进行操作，使它们的内在大小无效，以便根据指定给它们的宽度将UILabels分成多行。

Answer 1

更新

我最初的答案似乎很有帮助，所以我在下面没有触及它，但是，在我自己的项目中，我找到了一个更可靠的解决方案，可以解决iOS7和iOS8中的错误。https://github.com/nicksnyder/ios-cell-layout

原答案

这是一个完整的解决方案，适用于我在iOS 7和iOS 8上

目标 C

@implementation AutoLabel

- (void)setBounds:(CGRect)bounds {
  if (bounds.size.width != self.bounds.size.width) {
    [self setNeedsUpdateConstraints];
  }
  [super setBounds:bounds];
}

- (void)updateConstraints {
  if (self.preferredMaxLayoutWidth != self.bounds.size.width) {
    self.preferredMaxLayoutWidth = self.bounds.size.width;
  }
  [super updateConstraints];
}

@end

敏捷的

import Foundation

class EPKAutoLabel: UILabel {

    override var bounds: CGRect {
        didSet {
            if (bounds.size.width != oldValue.size.width) {
                self.setNeedsUpdateConstraints();
            }
        }
    }

    override func updateConstraints() {
        if(self.preferredMaxLayoutWidth != self.bounds.size.width) {
            self.preferredMaxLayoutWidth = self.bounds.size.width
        }
        super.updateConstraints()
    }
}

Answer 2

UILabel 不会默认其宽度作为首选最大布局宽度，这似乎很烦人，如果您有明确定义该宽度的约束。

几乎在我在“自动布局”下使用标签的每一种情况下，在执行完布局的其余部分后，首选的最大布局宽度都是标签的实际宽度。

因此，为了自动实现这一点，我使用了一个UILabel子类，它覆盖了setBound：。在这里，调用超级实现，然后，如果不是这样，将首选的最大布局宽度设置为边界大小宽度。

重点很重要-设置首选最大布局会导致执行另一个布局过程，因此可能会导致无限循环。

Answer 3

在高级自动布局工具箱的“多行文本的固有内容大小”部分的objc.io上有这个问题的答案。以下是相关信息:

对于多行文本，UILabel和NSTextField的固有内容大小不明确。文本的高度取决于线条的宽度，这在求解约束时尚待确定。为了解决这个问题，这两个类都有一个名为preferredMaxLayoutWidth的新属性，该属性指定用于计算固有内容大小的最大线宽。

由于我们通常事先不知道这个值，我们需要采取两步的方法来实现这一点。首先我们让自动布局完成它的工作，然后我们在布局过程中使用生成的帧来更新首选的最大宽度并再次触发布局。

它们给出的用于视图控制器的代码：

- (void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    myLabel.preferredMaxLayoutWidth = myLabel.frame.size.width;
    [self.view layoutIfNeeded];
}

看看他们的帖子，有更多关于为什么需要做两次布局的信息。