如何让UICollectionView Cell高度基于Stack View自适应，无需VC参与计算？

咱直接上核心思路：把Cell的尺寸计算逻辑完全封装到自定义Cell内部，让UICollectionView的Flow Layout自动根据Cell的固有内容尺寸来确定item大小，这样ViewController完全不用关心内部的Stack View细节，只需要传入要展示的View就行。

具体实现步骤 #

1. 自定义UICollectionViewCell，封装View的尺寸逻辑 #

首先创建一个自定义Cell，内部持有要展示的自定义View（你的Stack View），并且通过Auto Layout让这个View完全填充Cell的contentView。这样Cell的尺寸就会完全由内部的View决定。

import UIKit

class AutoSizingCollectionViewCell: UICollectionViewCell {
    // 用来承载你的Stack View的容器
    private let customViewContainer: UIView = {
        let view = UIView()
        view.translatesAutoresizingMaskIntoConstraints = false
        return view
    }()
    
    // 对外暴露的方法，用来设置要展示的View
    func configure(with customView: UIView) {
        // 先移除之前的子视图（避免复用问题）
        customViewContainer.subviews.forEach { $0.removeFromSuperview() }
        
        customView.translatesAutoresizingMaskIntoConstraints = false
        customViewContainer.addSubview(customView)
        
        // 让自定义View完全填充容器
        NSLayoutConstraint.activate([
            customView.leadingAnchor.constraint(equalTo: customViewContainer.leadingAnchor),
            customView.trailingAnchor.constraint(equalTo: customViewContainer.trailingAnchor),
            customView.topAnchor.constraint(equalTo: customViewContainer.topAnchor),
            customView.bottomAnchor.constraint(equalTo: customViewContainer.bottomAnchor)
        ])
    }
    
    override init(frame: CGRect) {
        super.init(frame: frame)
        setupLayout()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupLayout()
    }
    
    private func setupLayout() {
        contentView.addSubview(customViewContainer)
        
        // 让容器完全填充contentView，保留内边距做排版
        NSLayoutConstraint.activate([
            customViewContainer.leadingAnchor.constraint(equalTo: contentView.leadingAnchor, constant: 8),
            customViewContainer.trailingAnchor.constraint(equalTo: contentView.trailingAnchor, constant: -8),
            customViewContainer.topAnchor.constraint(equalTo: contentView.topAnchor, constant: 8),
            customViewContainer.bottomAnchor.constraint(equalTo: contentView.bottomAnchor, constant: -8)
        ])
        
        // 确保contentView的尺寸能跟随内部视图变化
        contentView.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            contentView.widthAnchor.constraint(equalTo: widthAnchor),
            contentView.heightAnchor.constraint(equalTo: heightAnchor)
        ])
    }
}

2. 配置UICollectionView的Flow Layout，开启自动尺寸计算 #

在你的UICollectionViewController里，只需要给Flow Layout设置estimatedItemSize为自动尺寸，不用实现sizeForItemAt代理方法。Flow Layout会自动根据Cell的固有内容尺寸计算每个item的实际大小。

class YourCollectionViewController: UICollectionViewController {
    // 存储你的Stack View数组
    private let stackViews: [UIStackView] = [stackViewA, stackViewB, stackViewC, stackViewD]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 注册自定义Cell
        collectionView.register(AutoSizingCollectionViewCell.self, forCellWithReuseIdentifier: "AutoSizingCell")
        
        // 配置Flow Layout
        guard let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout else { return }
        // 开启自动尺寸计算
        flowLayout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
        // 如果需要固定宽度，可以设置itemSize的宽度，高度自动计算
        // flowLayout.itemSize = CGSize(width: view.bounds.width - 16, height: UICollectionViewFlowLayout.automaticSize.height)
    }
    
    // 数据源方法
    override func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return stackViews.count
    }
    
    override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "AutoSizingCell", for: indexPath) as! AutoSizingCollectionViewCell
        // 直接传入对应的Stack View即可，不用管高度
        cell.configure(with: stackViews[indexPath.item])
        return cell
    }
}

3. 确保你的Stack View能正确计算固有高度 #

Stack View默认会根据内部子视图的约束、布局方向和间距自动计算自身的固有内容尺寸，但要注意以下几点：

• 确保Stack View的translatesAutoresizingMaskIntoConstraints设为false
• 确保Stack View内部的所有子视图都有完整的约束（比如垂直方向的Stack View，子视图需要有明确的高度约束或者自身能计算固有高度，比如UILabel）
• 如果Stack View的内容是动态变化的，更新内容后可以调用stackView.invalidateIntrinsicContentSize()，然后刷新对应的CollectionView item

关键原理说明 #

当Flow Layout的estimatedItemSize设为automaticSize时，它会调用每个Cell的systemLayoutSizeFitting(_:)方法来计算实际尺寸。而我们的自定义Cell通过Auto Layout让内部的Stack View完全填充，所以这个方法会返回Stack View的固有高度加上Cell的内边距，从而实现自动适配。

这样你的UICollectionViewController完全不用关心每个Stack View的高度细节，只需要传入View即可，完美实现了解耦！

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