出队的 UITableViewCell 在滚动之前布局不正确（使用自动布局）

Question

我有一个自定义 UITableViewCell 子类，它在 Interface Builder 中应用了自动布局约束。该单元格包含多个视图，包括UITextField。

相应地，UITextField 的大小受到限制，使其与下一个视图之间存在默认水平间距。

单元格实例化如下：

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *CellIdentifier = @"ProgressCell";
    ProgressCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier
                                                     forIndexPath:indexPath]

    cell.textField.text = @"Some string that is different for each cell";

    return cell;
}

当单元格第一次出现时，UITextField 超出了正确的框架，并出现在其右侧的UIView 后面。但是，当我将单元格滚动出屏幕、暂停然后向后滚动时，文本会被正确截断。

下面显示了一个示例（在第二次编辑时）。

我尝试为cellForRowAtIndexPath 中的单元格调用[cell setNeedsLayout] 和[cell setNeedsDisplay]，并在延迟后执行它们。两者都无效。

什么是滚动屏幕导致单元格正确显示，我该如何复制此问题或解决根本问题？

编辑：

打电话

[self.tableView reloadData];
[self.tableView reloadSections:[NSIndexSet indexSetWithIndex:0] withRowAnimation:UITableViewRowAnimationAutomatic];

为了重新加载单元格，似乎会导致布局第一次正确显示。

但是，它现在在滚动时中断（偶尔）（即，当向上滚动时，布局约束现在没有正确应用）。

在cellForRowAtIndexPath 中调用[cell setNeedsLayout] 似乎无法解决此问题。

编辑2：

顶部单元格，如here 所示，正确显示（与底部单元格一样），直到我向下滚动屏幕。它从此消失了。

这反映了第一次编辑时的问题 - 这是第二次渲染的问题（让我认为这可能与重用单元格有关？）

Answer 1

如果您将属性命名为 UITableViewCell 子类 textLabel 或 defaultTextLabel，那么 IB 将忽略您指定的约束并用默认约束覆盖它们，不会发出警告。

即使在 IB 中使用自定义样式设计的单元格也是如此，这些单元格没有可见的 textLabel 或 detailTextLabel 属性。

如果在 UITableViewCell 子类上添加 UIImageView 类型的属性并将其命名为 imageView，也会发生这种情况。

Answer 2

按照这个multiple lines UILabel GitHub issue，这是一个挥之不去的iOS bug。

我发现在iOS 9+中，这种情况多发生在编辑模式，具有很大的不可预测性。

以下解决方法仅部分有效：它需要重绘UITableView 两次，但仍不能涵盖所有场景。

override func viewDidLoad() {
    super.viewDidLoad()

    tableView.setNeedsLayout()
    tableView.layoutIfNeeded()
    tableView.reloadData()
}

---

注意事项：

• 使用UITextView 是多行UILabel 的绝佳替代方案，没有错误。 UITextView 也没有表现出任何 IULabel 的其他古怪之处，例如 alignment errors 或 flickering。
• SO-25947146 上还有一个替代解决方案，它对我不起作用，但值得一提。
• 当self.tableView.editing 是true 时似乎很突出
• 对tableView.estimatedRowHeight 使用较低的值会减少发生率
• SwiftArchitect/TableViewControllerRowHeightBug gist 上的错误演示

Answer 3

在我的例子中，我在 viewDidAppear 中调用了方法 tableView.reloadData() 并且布局显示正确

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    self.tableView.reloadData()
}