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

Fre*_*ust 3 ios autolayout uicollectionview uicollectionviewcell swift

我有一个UICollectionViewCell子类,该子类使用原型单元和约束进行设置(每个视图都垂直和水平连接)。

我有两个大小不一的标签,它们可以是一行或两行。为此,我在每个标签上设置了两个高度限制,其中一个高度大于或等于(取决于标签为16或20)而小于或等于(取决于标签为32或40)。

标签上的行数设置为0。(尽管我尝试了各种设置)。

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

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

在collectionView的布局上,我已经为EstimateItemSize和itemSize指定了automaticDimension常量。

if let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
    flowLayout.estimatedItemSize = UICollectionViewFlowLayoutAutomaticSize
    flowLayout.itemSize = UICollectionViewFlowLayoutAutomaticSize
}
Run Code Online (Sandbox Code Playgroud)

关于使用自动布局的想法,我尚未在集合视图上实现委托。

我遇到了非常不一致的布局,在某些情况下该单元格会按照我的意愿出现,在另一些情况下,标签被截断了,在另一些情况下,标签却非常狭窄,并在三行上显示了文本。

我尝试了很多事情,包括 .sizeToFit() 在设置了标签的text属性之后调用 每个标签,以及 .setNeedsDisplay() 在单元格从其返回之前调用 cellForItemAt

我想知道使用情节提要约束执行此操作的正确方法是什么。在SO上,我已经针对类似问题解答了一些流行的答案,尽管并没有取得任何真正的成功。

mat*_*att 7

flowLayout.estimatedItemSize = UICollectionViewFlowLayoutAutomaticSize
flowLayout.itemSize = UICollectionViewFlowLayoutAutomaticSize
Run Code Online (Sandbox Code Playgroud)

当然,我熟悉苹果公司一再提出的主张,即UICollectionViewFlowLayout中的UICollectionViewCell可以根据内部约束自动调整大小。但是我从未见过苹果公司提供的可证明该功能的有效代码,而且我从未一次成功地确认这些说法是正确的。我不相信真的有一个自定义大小的单元。多年以来,试图使一个单元自动调整大小会导致崩溃。在iOS 10中,崩溃几乎停止了,但是现在流布局没有正确布置单元格(听起来像您所看到的)。

自然,我年复一年都在提交这些错误。

同时,我要做的是为集合视图提供委托和实现collectionView(_:layout:sizeForItemAt:),建议您也这样做。


编辑 iOS 13中的新增功能,您可以使用可组合的布局并完全放弃UICollectionViewFlowLayout。自调整大小的单元在可组合的布局中可以正常工作。

  • 只是稍微扩展一下,我要做的是_in_`collectionView(_:layout:sizeForItemAt:)`是我期望运行时执行的操作:我将`systemLayoutSizeFitting(_ :)`应用于单元格的`contentView`以获取内部大小取决于其子视图的约束。 (2认同)