具有自动布局的 UITableViewCell 中的 UILabel 高度错误

Question

我有一个UITableView，其中单元格的固定高度为 100 磅。这些单元格是在一个 xib 文件中创建的，该文件使用 3 个约束将UILabel 固定到单元格contentView 的左、右和上边缘。标签的垂直拥抱优先级设置为 1000，因为我希望单元格的高度尽可能小。

当 xib 文件中单元格的宽度设置为 320 磅时，与 iPhone 上的 tableView 的宽度相同，自动布局按预期工作。但是，当我将单元格的宽度设置为小于 320 磅时，我得到了意想不到的结果。 （我想在具有不同宽度的 tableViews 中使用相同的单元格，例如在通用应用程序中）

例如：当我将宽度设置为 224 磅并给标签一个在该宽度上占用 2 行的文本时，标签的高度将增加以适应 2 行，但是当单元格随后调整为 320 磅时为了适应该宽度的 tableView，文本仅占 1 行，但标签的高度保持在 2 行。

我已经在 GitHub 上放了一个示例项目来演示这个问题：https://github.com/bluecrowbar/CellLayout

有没有办法让UILabel 始终调整大小以包含其文本内容？

Answer 1

在单元格子类中添加这个有效：

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

我在http://useyourloaf.com/blog/2014/02/14/table-view-cells-with-varying-row-heights.html 上找到了这个。

更新 1： 这个答案适用于 iOS 7。我发现自 iOS 8 以来，表格视图单元格中的自动布局非常不可靠，即使对于非常简单的布局也是如此。经过大量的实验，我（大部分）回到手动布局和手动计算单元格的高度。

更新 2： 我在 iOS 9 上运行了一些测试，似乎 UITableViewAutomaticDimension 终于像宣传的那样工作了。耶！

Answer 2

愚蠢的错误！我在这个问题上几乎迷失了一天，最后我用 Steven Vandewghe 的解决方案解决了它。

Swift 版本：

override func layoutSubviews() {
    super.layoutSubviews()
    self.contentView.layoutIfNeeded()
    self.myLabel.preferredMaxLayoutWidth = self.myLabel.frame.size.width
}

Answer 3

由于您限制标签的 width，intrinsicContentSize 尊重 width 并调整 height。这就产生了先有鸡还是先有蛋的问题：

1. 单元格的自动布局结果取决于标签的intrinsicContentSize
2. 标签的intrinsicContentSize 取决于标签的width
3. 标签的width 取决于单元格的自动布局结果

所以发生的情况是单元格的布局仅计算一次，其中 (2) 基于 XIB 文件中的静态宽度，这导致错误的标签 height。

你可以通过迭代来解决这个问题。即，在第一次计算设置标签的width 后，重复自动布局计算。在您的自定义单元格中这样的东西会起作用：

- (void)drawRect:(CGRect)rect
{
    CGSize size = self.myLabel.bounds.size;
    // tell the label to size itself based on the current width
    [self.myLabel sizeToFit];
    if (!CGSizeEqualToSize(size, self.myLabel.bounds.size)) {
        [self setNeedsUpdateConstraints];
        [self updateConstraintsIfNeeded];
    }
    [super drawRect:rect];
}

原始解决方案无法可靠运行：

- (void)layoutSubviews
{
    [super layoutSubviews];
    // check for need to re-evaluate constraints on next run loop
    // cycle after the layout has been finalized
    dispatch_async(dispatch_get_main_queue(), ^{
        CGSize size = self.myLabel.bounds.size;
        // tell the label to size itself based on the current width
        [self.myLabel sizeToFit];
        if (!CGSizeEqualToSize(size, self.myLabel.bounds.size)) {
            [self setNeedsUpdateConstraints];
            [self updateConstraintsIfNeeded];
        }
    });
}

Answer 4

我在 iOS 12 中使用 XCode 10，但我仍然遇到自动布局问题，当表格首次呈现时，单元格没有被赋予正确的高度。 Timothy Moose 的回答并没有为我解决问题，但根据他的解释，我想出了一个对我有用的解决方案。

我继承 UITableViewController 并覆盖 viewDidLayoutSubviews 消息以检查宽度变化，然后如果宽度发生变化则强制更新表格。这在视图呈现之前解决了问题，这使它看起来比我的其他努力更好。

首先在你的自定义 UITableViewController 子类中添加一个属性来跟踪之前的宽度：

@property (nonatomic) CGFloat previousWidth;

然后覆盖 viewDidLayoutSubviews 以检查宽度变化：

- (void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];

    CGFloat width = self.view.frame.size.width;
    if (self.previousWidth != width) {
        self.previousWidth = width;
        [self.tableView beginUpdates];
        [self.tableView endUpdates];
    }
}

这解决了我的表格单元格最初有时被赋予错误高度的问题。

Answer 5

我知道这是一个老问题，但也许这个 UILabel 子类也可以帮助一些人：

class AutoSizeLabel: 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()
    }
}

注意：也适用于您的 UILabel 在 StackView 内无法正确调整自身大小的情况

Answer 6

我通常将这两行添加到 viewDidLoad()

    self.tableView.rowHeight = UITableViewAutomaticDimension
    self.tableView.estimatedRowHeight = 96

这将自动调整单元格的大小