UICollectionViewCell 动态高度，带两个动态标签和自动布局

Question

我有一个 UICollectionViewCell 子类，它设置了一个原型单元格和约束（每个视图都垂直和水平连接）。

我有两个大小不同的标签，它们可以是一行或两行。为此，我在每个标签上设置了两个高度限制，一个大于或等于（16 或 20，取决于标签）和一个小于或等于（32 或 40，取决于标签）。

标签上的行数设置为0。（虽然我尝试了各种设置）。

由于我使用了自动布局和约束来设置视图，因此我在单元格的 awakeFromNib() 中的内容视图上指定了宽度

override func awakeFromNib() {
        NSLayoutConstraint.activate([contentView.widthAnchor.constraint(equalToConstant: 341)])
        super.awakeFromNib()
        configureBorder()
}

在 collectionView 的布局中，我已经为 estimateItemSize 和 itemSize 指定了 automaticDimension 常量

if let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
    flowLayout.estimatedItemSize = UICollectionViewFlowLayoutAutomaticSize
    flowLayout.itemSize = UICollectionViewFlowLayoutAutomaticSize
}

有了使用自动布局的想法，我没有在集合视图上实现了一个委托。

我遇到了非常不一致的布局，在某些情况下单元格会按照我的意愿显示，在其他情况下标签会被截断，在其他情况下标签非常窄并显示超过三行的文本。

我尝试了很多事情，包括打电话 .sizeToFit() 在每个标签上设置它的文本属性后，以及调用 .setNeedsDisplay() 在单元格从cellForItemAt返回之前

我想知道使用情节提要约束的正确方法是什么。我在 SO 上处理过类似问题的一些流行答案，但没有取得任何真正的成功。

Answer 1

flowLayout.estimatedItemSize = UICollectionViewFlowLayoutAutomaticSize
flowLayout.itemSize = UICollectionViewFlowLayoutAutomaticSize

当然，我熟悉 Apple 的反复声明，即 UICollectionViewFlowLayout 中的 UICollectionViewCell 可以根据内部约束自行调整大小。但我从未见过 Apple 的工作代码演示了此功能，而且我自己从来没有一次成功地证实了这些说法是正确的。我不相信真的有像自定尺寸单元这样的东西。多年来，试图让单元格自行调整大小导致了崩溃。在 iOS 10 中，崩溃基本上停止了，但现在流布局没有正确布置单元格（这听起来像您所看到的那样）。

当然，我每年都在这方面提交错误。

同时，我所做的是给集合视图一个委托并实现collectionView(_:layout:sizeForItemAt:)，我建议你也应该这样做。

---

编辑 iOS 13 中的新功能，您可以使用可组合布局 并完全放弃 UICollectionViewFlowLayout。可自行调整大小的单元格在可组合布局中运行良好。