如何让Collection View高度随Item尺寸自动适配？

当然可以实现，下面分UIKit和SwiftUI两种场景给出具体实现方法：

UIKit 实现方式 #

方法1：手动计算内容高度 + 动态更新约束 #

适合已从后端拿到Item固定尺寸配置的场景：

1. 给Collection View添加顶、底、左、右布局约束，不设置固定高度，同时给高度约束创建IBOutlet（比如collectionViewHeightConstraint）。
2. 实现UICollectionViewDelegateFlowLayout代理方法，返回后端配置的Item尺寸：

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let itemConfig = yourDataSource[indexPath.item]
    // 宽度设为Collection View宽度，高度用后端返回的配置值
    return CGSize(width: collectionView.bounds.width, height: itemConfig.targetHeight)
}

3. 监听内容变化更新高度约束：
   • 数据刷新后手动调用更新方法：

func updateCollectionViewHeight() {
    collectionViewHeightConstraint.constant = collectionView.contentSize.height
    view.layoutIfNeeded()
}

// 数据刷新时调用
func reloadCollectionData() {
    yourDataSource = fetchedBackendData
    collectionView.reloadData()
    updateCollectionViewHeight()
}

• 或用KVO自动监听contentSize变化：

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

// 监听回调
override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    guard keyPath == "contentSize", let newSize = change?[.newKey] as? CGSize else { return }
    collectionViewHeightConstraint.constant = newSize.height
    view.layoutIfNeeded()
}

// deinit中移除监听
deinit {
    collectionView.removeObserver(self, forKeyPath: "contentSize")
}

方法2：利用FlowLayout自动计算Item高度 #

适合Item根据内部内容自适应高度的场景：

1. 配置FlowLayout启用自动尺寸计算：

let flowLayout = UICollectionViewFlowLayout()
flowLayout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
collectionView.collectionViewLayout = flowLayout

2. 确保Item Cell内部有完整的自动布局约束：比如从Cell顶部到底部的约束链不能中断（如UILabel的顶约束连Cell顶，底约束连Cell底），让系统能算出正确的Cell高度。
3. 同样不给Collection View设置固定高度，用上述约束更新方法让它跟随内容高度变化。

SwiftUI 实现方式 #

在SwiftUI中用LazyVGrid替代UICollectionView，实现更简洁：

• 直接让容器根据Item尺寸自动撑开，无需手动处理高度约束：

struct ContentView: View {
    let itemConfigs: [ItemConfig] // 后端获取的配置数据
    
    var body: some View {
        // 需要滚动就套ScrollView，不需要则直接用LazyVGrid
        ScrollView {
            LazyVGrid(columns: [GridItem(.flexible())], spacing: 8) {
                ForEach(itemConfigs) { config in
                    ItemCell(config: config)
                        .frame(height: config.targetHeight) // 使用后端配置的高度
                }
            }
            .padding()
        }
    }
}

struct ItemCell: View {
    let config: ItemConfig
    var body: some View {
        Text(config.content)
            .frame(maxWidth: .infinity)
            .background(Color.gray.opacity(0.2))
            .padding()
    }
}

• 如果是内容自适应的Item，去掉.frame(height:)，只要Cell内部视图布局正确，SwiftUI会自动计算高度并撑开容器。

注意要点 #

• 确保Item尺寸计算准确：不管是后端返回的固定值还是系统自动计算，都要保证高度能完整容纳内容，避免裁切。
• UIKit中使用自动计算Item高度时，Cell内部约束不能中断，否则系统会计算出错。
• 数据更新后要及时触发布局刷新：UIKit中调用reloadData()，SwiftUI中让数据源成为@State或@ObservedObject，自动刷新视图。

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