如何使UICollectionView自适应包裹自定义自调整大小Cell的内容？

我刚好折腾过这个需求，给你两个靠谱的实现方案，都是基于你目前的技术栈（FlowLayout或升级到更现代的CompositionalLayout），不用额外引入第三方库：

系统默认的FlowLayout不会自动计算整个CollectionView的包裹尺寸，我们可以通过重写布局类的方法，结合CollectionView的intrinsicContentSize来实现：

步骤1：自定义FlowLayout类 #

class WrappingFlowLayout: UICollectionViewFlowLayout {
    override var collectionViewContentSize: CGSize {
        guard let collectionView = collectionView else { return super.collectionViewContentSize }
        var contentSize = super.collectionViewContentSize
        
        // 根据滚动方向修正尺寸：水平滚动时锁定高度，垂直滚动时锁定宽度
        if scrollDirection == .horizontal {
            contentSize.height = collectionView.bounds.height - sectionInset.top - sectionInset.bottom
        } else {
            contentSize.width = collectionView.bounds.width - sectionInset.left - sectionInset.right
        }
        return contentSize
    }
}

步骤2：让CollectionView支持intrinsicContentSize #

给UICollectionView加个扩展，让它能自动返回布局计算出的内容尺寸：

extension UICollectionView {
    override open var intrinsicContentSize: CGSize {
        return collectionViewLayout.collectionViewContentSize
    }
}

步骤3：使用方式 #

创建CollectionView时替换成自定义布局，并且不要设置固定宽高约束，只给上下左右的相对约束：

let layout = WrappingFlowLayout()
layout.scrollDirection = .vertical // 根据你的需求调整
layout.minimumInteritemSpacing = 8
layout.minimumLineSpacing = 8
layout.sectionInset = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)

let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)
collectionView.translatesAutoresizingMaskIntoConstraints = false
collectionView.register(YourCustomCell.self, forCellWithReuseIdentifier: "CustomCell")
// 设置数据源、代理...

// 添加到父视图后，只设置相对约束
NSLayoutConstraint.activate([
    collectionView.topAnchor.constraint(equalTo: parentView.topAnchor, constant: 16),
    collectionView.leadingAnchor.constraint(equalTo: parentView.leadingAnchor, constant: 16),
    collectionView.trailingAnchor.constraint(equalTo: parentView.trailingAnchor, constant: -16),
    // 不需要设置bottom或height约束，它会自动适配内容高度
])

如果你的项目支持iOS 13及以上，用系统的CompositionalLayout会更省心，它原生支持自适应内容尺寸，配合CollectionView的intrinsicContentSize就能直接实现包裹效果：

代码示例 #

// 1. 创建自适应的Item：用estimated尺寸让系统自动计算
let itemSize = NSCollectionLayoutSize(
    widthDimension: .estimated(120), // 给个预估宽度，系统会根据内容调整
    heightDimension: .estimated(50)  // 预估高度
)
let item = NSCollectionLayoutItem(layoutSize: itemSize)
item.contentInsets = NSDirectionalEdgeInsets(top: 4, leading: 4, bottom: 4, trailing: 4)

// 2. 创建Group：水平排列，自动换行
let groupSize = NSCollectionLayoutSize(
    widthDimension: .fractionalWidth(1.0), // 占满CollectionView宽度
    heightDimension: .estimated(50)
)
let group = NSCollectionLayoutGroup.horizontal(layoutSize: groupSize, subitems: [item])

// 3. 创建Section并组装Layout
let section = NSCollectionLayoutSection(group: group)
section.contentInsets = NSDirectionalEdgeInsets(top: 8, leading: 8, bottom: 8, trailing: 8)
let layout = UICollectionViewCompositionalLayout(section: section)

// 4. 创建CollectionView并添加约束
let collectionView = UICollectionView(frame: .zero, collectionViewLayout: layout)
collectionView.translatesAutoresizingMaskIntoConstraints = false
collectionView.register(YourCustomCell.self, forCellWithReuseIdentifier: "CustomCell")
// 设置数据源、代理...

// 添加到父视图，同样只给相对约束
NSLayoutConstraint.activate([
    collectionView.topAnchor.constraint(equalTo: parentView.topAnchor, constant: 16),
    collectionView.leadingAnchor.constraint(equalTo: parentView.leadingAnchor, constant: 16),
    collectionView.trailingAnchor.constraint(equalTo: parentView.trailingAnchor, constant: -16),
])

• 你的自定义Cell必须正确实现自调整大小：确保cell内部所有内容都有完整的AutoLayout约束，并且设置contentView.translatesAutoresizingMaskIntoConstraints = false。如果需要更精确的尺寸计算，可以重写cell的方法：

override func preferredLayoutAttributesFitting(_ layoutAttributes: UICollectionViewLayoutAttributes) -> UICollectionViewLayoutAttributes {
    let attributes = super.preferredLayoutAttributesFitting(layoutAttributes)
    let size = contentView.systemLayoutSizeFitting(
        layoutAttributes.size,
        withHorizontalFittingPriority: .required,
        verticalFittingPriority: .fittingSizeLevel
    )
    attributes.size = size
    return attributes
}

• 无论用哪种方案，都要确保CollectionView的translatesAutoresizingMaskIntoConstraints设为false，完全用AutoLayout约束，不要给固定宽高。

内容的提问来源于stack exchange，提问作者nrudnyk