嵌套含UILabel的CollectionView的TableViewCell高度计算问题

我之前也碰到过这种嵌套布局的棘手情况，结合你的场景（CollectionView Cell是UILabel、宽度不固定），给你几个实用的解决方案：

方案一：用UIStackView替代UICollectionView（最省心） #

如果你的布局是类似标签流式排列的需求，UIStackView其实是更合适的选择，它天然支持自动换行和动态高度计算，完全不需要手动算高度：

1. 在TableViewCell中创建并配置UIStackView：

class YourTableViewCell: UITableViewCell {
    private let tagStackView = UIStackView()
    
    override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
        super.init(style: style, reuseIdentifier: reuseIdentifier)
        setupStackView()
    }
    
    required init?(coder: NSCoder) {
        super.init(coder: coder)
        setupStackView()
    }
    
    private func setupStackView() {
        tagStackView.axis = .horizontal
        tagStackView.alignment = .top
        tagStackView.distribution = .fill
        tagStackView.spacing = 8
        tagStackView.isLayoutMarginsRelativeArrangement = true
        tagStackView.layoutMargins = UIEdgeInsets(top: 8, left: 8, bottom: 8, right: 8)
        tagStackView.translatesAutoresizingMaskIntoConstraints = false
        contentView.addSubview(tagStackView)
        
        // 绑定StackView到Cell的contentView，确保自动布局生效
        NSLayoutConstraint.activate([
            tagStackView.topAnchor.constraint(equalTo: contentView.topAnchor),
            tagStackView.leadingAnchor.constraint(equalTo: contentView.leadingAnchor),
            tagStackView.trailingAnchor.constraint(equalTo: contentView.trailingAnchor),
            tagStackView.bottomAnchor.constraint(equalTo: contentView.bottomAnchor)
        ])
    }
    
    // 配置数据源的方法
    func configure(with texts: [String]) {
        // 先清空之前的标签
        tagStackView.arrangedSubviews.forEach { $0.removeFromSuperview() }
        
        for text in texts {
            let label = UILabel()
            label.text = text
            label.numberOfLines = 0
            label.font = UIFont.systemFont(ofSize: 14)
            // 可选：给标签加个背景色、圆角之类的样式
            label.backgroundColor = UIColor.lightGray.withAlphaComponent(0.2)
            label.layer.cornerRadius = 4
            label.clipsToBounds = true
            // 给Label加内边距（需要自定义UILabel或者用扩展）
            label.padding = UIEdgeInsets(top: 4, left: 8, bottom: 4, right: 8)
            
            tagStackView.addArrangedSubview(label)
        }
    }
}

// 给UILabel加内边距的扩展
extension UILabel {
    var padding: UIEdgeInsets {
        get {
            return UIEdgeInsets(top: 0, left: 0, bottom: 0, right: 0)
        }
        set {
            self.frame = self.frame.inset(by: newValue)
        }
    }
}

2. 然后在TableView的设置里开启自动高度：

tableView.rowHeight = UITableView.automaticDimension
tableView.estimatedRowHeight = 100 // 给一个预估高度，提升性能

这样StackView会自动处理标签的换行和高度，TableView也能正确计算Cell的高度，完全不用手动计算。

方案二：强制CollectionView先布局，再计算TableViewCell高度 #

如果你一定要用UICollectionView，可以通过临时布局的方式获取它的contentSize，以此作为TableViewCell的高度：

func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
    // 获取当前行的数据源
    let texts = yourDataSource[indexPath.row]
    
    // 创建临时的CollectionView和布局
    let layout = UICollectionViewFlowLayout()
    layout.scrollDirection = .vertical
    layout.minimumInteritemSpacing = 8
    layout.minimumLineSpacing = 8
    layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize // 开启Cell自动尺寸
    
    let tempCollectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: tableView.bounds.width - 16, height: 0), collectionViewLayout: layout)
    tempCollectionView.dataSource = self
    tempCollectionView.register(LabelCollectionViewCell.self, forCellWithReuseIdentifier: "LabelCell")
    tempCollectionView.tag = indexPath.row // 用来标识当前行的数据
    
    tempCollectionView.reloadData()
    tempCollectionView.layoutIfNeeded() // 强制完成布局
    
    // 返回CollectionView的内容高度，加上上下内边距
    return tempCollectionView.contentSize.height + 16
}

// 对应的CollectionView数据源方法
func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
    guard let row = collectionView.tag as? Int else { return 0 }
    return yourDataSource[row].count
}

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "LabelCell", for: indexPath) as! LabelCollectionViewCell
    guard let row = collectionView.tag as? Int else { return cell }
    cell.label.text = yourDataSource[row][indexPath.item]
    return cell
}

注意：这种方法需要确保临时CollectionView的布局和实际使用的完全一致，否则计算出的高度会有偏差。另外，频繁创建临时CollectionView可能会影响性能，建议缓存计算好的高度。

方案三：修复CollectionView的自动布局约束，让TableViewAutomaticDimension生效 #

如果想用UITableViewAutomaticDimension，要确保CollectionView的约束完全绑定，并且CollectionView自身能正确计算contentSize：

1. 在TableViewCell中给CollectionView设置完整的约束：

class YourTableViewCell: UITableViewCell {
    @IBOutlet weak var collectionView: UICollectionView!
    
    override func awakeFromNib() {
        super.awakeFromNib()
        let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = .vertical
        layout.minimumInteritemSpacing = 8
        layout.minimumLineSpacing = 8
        layout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
        collectionView.collectionViewLayout = layout
        collectionView.isScrollEnabled = false // 禁用滚动，让CollectionView自适应高度
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 强制CollectionView重新布局，确保contentSize正确
        collectionView.collectionViewLayout.invalidateLayout()
        collectionView.layoutIfNeeded()
        // 通知TableView更新高度
        (self.superview?.superview as? UITableView)?.beginUpdates()
        (self.superview?.superview as? UITableView)?.endUpdates()
    }
}

2. 同样在TableView设置里开启自动高度：

tableView.rowHeight = UITableView.automaticDimension
tableView.estimatedRowHeight = 100

这种方法的关键是让CollectionView在布局完成后，把正确的contentSize传递给TableViewCell，从而让自动高度生效。

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