如何实现基于内部单元格的自适配高度UICollectionView（FlowLayout，非单元格自适配）

当然可以实现！我之前做过类似的需求，正好给你一步步拆解具体的实现方案，完美匹配你要的固定宽度、高度随单元格数量自动扩展，同时支持多行排列，还兼容自适应单元格或代理指定尺寸的需求。下面用Swift举例说明：

1. 基础布局配置（FlowLayout） #

首先得把UICollectionViewFlowLayout的基础参数配置好，比如单元格间距、行间距、内边距，这些会直接影响最终的内容高度计算：

let flowLayout = UICollectionViewFlowLayout()
flowLayout.minimumInteritemSpacing = 8 // 单元格横向间距
flowLayout.minimumLineSpacing = 8 // 行与行之间的间距
flowLayout.sectionInset = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)

// 如果是固定尺寸的单元格，直接设置itemSize（后续也可以用代理动态指定）
// flowLayout.itemSize = CGSize(width: 100, height: 100)

接着初始化UICollectionView，重点是只设置固定宽度约束，不固定高度，高度后面动态计算：

let collectionView = UICollectionView(frame: .zero, collectionViewLayout: flowLayout)
collectionView.translatesAutoresizingMaskIntoConstraints = false
collectionView.dataSource = self
collectionView.delegate = self
collectionView.register(YourCustomCell.self, forCellWithReuseIdentifier: "CustomCell")
view.addSubview(collectionView)

// 设置固定宽度约束（比如和父视图等宽）
NSLayoutConstraint.activate([
    collectionView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    collectionView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    collectionView.topAnchor.constraint(equalTo: someTopView.bottomAnchor, constant: 16)
    // 这里不设置bottom约束，用高度约束动态更新
])

2. 核心：动态计算并更新UICollectionView高度 #

关键思路是利用UICollectionViewFlowLayout的collectionViewContentSize属性，它会自动计算所有单元格、间距、内边距加起来的总高度。我们只需要把这个高度赋值给UICollectionView的高度约束即可。

方式一：手动触发更新（推荐，可控性强） #

先声明一个高度约束的引用，每次更新数据源后主动计算并更新：

// 全局声明高度约束引用
private var collectionViewHeightConstraint: NSLayoutConstraint!

// 在初始化UICollectionView时创建这个约束
collectionViewHeightConstraint = collectionView.heightAnchor.constraint(equalToConstant: 0)
collectionViewHeightConstraint.isActive = true

// 封装一个更新高度的方法
func updateCollectionViewHeight() {
    collectionView.layoutIfNeeded() // 确保布局完全计算完成
    let totalContentHeight = collectionView.collectionViewLayout.collectionViewContentSize.height
    collectionViewHeightConstraint.constant = totalContentHeight
    // 可选：加个动画让高度变化更平滑
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

// 每次数据源更新后调用
yourDataSourceArray = newDataList
collectionView.reloadData()
updateCollectionViewHeight()

方式二：自动监听内容变化（KVO） #

如果需要自动监听内容变化（比如单元格动态刷新），可以用KVO监听contentSize属性：

override func viewDidLoad() {
    super.viewDidLoad()
    // 添加KVO监听
    collectionView.addObserver(self, forKeyPath: "contentSize", options: [.new], context: nil)
}

override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    if keyPath == "contentSize", let newContentSize = change?[.newKey] as? CGSize {
        collectionViewHeightConstraint.constant = newContentSize.height
        view.layoutIfNeeded()
    }
}

// 记得在页面销毁时移除监听
deinit {
    collectionView.removeObserver(self, forKeyPath: "contentSize")
}

3. 支持自适应单元格（Self-Sizing Cells） #

如果你的单元格需要根据内部内容（比如多行文本）自动调整尺寸，只需要两步配置：

步骤1：开启FlowLayout的自适应估算 #

flowLayout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize

步骤2：单元格内部设置完整约束 #

确保单元格内的所有子视图都有从顶到底、从左到右的完整约束，让系统能自动计算单元格尺寸。比如带多行文本的单元格：

class YourCustomCell: UICollectionViewCell {
    private let titleLabel = UILabel()
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupUI()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupUI()
    }
    
    private func setupUI() {
        titleLabel.translatesAutoresizingMaskIntoConstraints = false
        titleLabel.numberOfLines = 0 // 允许多行
        titleLabel.font = .systemFont(ofSize: 16)
        contentView.addSubview(titleLabel)
        
        // 设置完整约束
        NSLayoutConstraint.activate([
            titleLabel.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 8),
            titleLabel.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -8),
            titleLabel.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 8),
            titleLabel.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -8)
        ])
    }
    
    // 给单元格赋值的方法
    func configure(with text: String) {
        titleLabel.text = text
    }
}

配置完成后，之前的高度更新逻辑依然有效，collectionViewContentSize会自动根据单元格的实际尺寸计算总高度。

4. 代理指定单元格尺寸（替代自适应） #

如果不想用自适应，而是要手动控制每个单元格的尺寸，实现UICollectionViewDelegateFlowLayout的代理方法即可：

extension YourViewController: UICollectionViewDelegateFlowLayout {
    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        // 根据业务逻辑返回尺寸，比如根据文本长度计算宽度
        let text = yourDataSourceArray[indexPath.item]
        let textWidth = text.calculateWidth(with: 40, font: .systemFont(ofSize: 16))
        return CGSize(width: textWidth + 16, height: 40) // 加上内边距
    }
}

// 给String加个计算宽度的扩展
extension String {
    func calculateWidth(with constrainedHeight: CGFloat, font: UIFont) -> CGFloat {
        let constraintRect = CGSize(width: .greatestFiniteMagnitude, height: constrainedHeight)
        let boundingBox = self.boundingRect(with: constraintRect, options: .usesLineFragmentOrigin, attributes: [.font: font], context: nil)
        return ceil(boundingBox.width)
    }
}

这种情况下，collectionViewContentSize依然会正确计算总高度，之前的高度更新逻辑完全适用。

注意事项 #

• 务必把UICollectionView的translatesAutoresizingMaskIntoConstraints设为false，用Auto Layout约束管理布局。
• 如果有多个section，collectionViewContentSize会自动包含所有section的header、footer和间距，无需额外处理。
• 使用自适应单元格时，给estimatedItemSize设置一个接近实际尺寸的值，能提升布局性能。

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