Swift中复用含TableView的视图到CollectionView底部的高度适配问题

我之前也碰到过完全一样的需求，把带TableView的视图复用成CollectionView的Footer，核心痛点就是得准确捕捉TableView内容加载完成后的真实高度，再同步给Footer调整布局。下面给你几个经过实践验证的靠谱方案：

方案一：监听TableView的contentSize变化（最直接的实时适配） #

TableView的contentSize会在所有cell渲染完成、布局更新后自动更新，我们可以通过KVO或者闭包回调的方式监听这个变化，然后同步调整Footer的高度。

具体实现步骤： #

1. 在你要复用的带TableView的ViewController里，添加一个闭包用于对外回调高度变化：

class ReusableTableVC: UIViewController {
    @IBOutlet weak var tableView: UITableView!
    // 用于回调TableView内容高度的闭包
    var onContentHeightUpdated: ((CGFloat) -> Void)?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 完成TableView的基础配置：注册cell、设置数据源代理等
        // 监听contentSize的变化
        tableView.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 {
            // 把最新的内容高度通过闭包传出去
            onContentHeightUpdated?(newContentSize.height)
        }
    }
    
    deinit {
        // 记得移除监听，避免内存泄漏
        tableView.removeObserver(self, forKeyPath: "contentSize")
    }
}

2. 在CollectionView所在的控制器中，加载Footer并绑定高度回调：

func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView {
    if kind == UICollectionView.elementKindSectionFooter {
        let footer = collectionView.dequeueReusableSupplementaryView(ofKind: kind, withReuseIdentifier: "CustomFooterID", for: indexPath) as! CustomFooter
        
        // 实例化复用的TableViewController
        let tableVC = storyboard?.instantiateViewController(withIdentifier: "ReusableTableVC") as! ReusableTableVC
        // 添加为子控制器，保证生命周期正常
        addChild(tableVC)
        tableVC.view.frame = footer.bounds
        footer.addSubview(tableVC.view)
        tableVC.didMove(toParent: self)
        
        // 绑定高度回调，更新Footer尺寸
        tableVC.onContentHeightUpdated = { [weak self, weak footer] height in
            guard let self = self, let footer = footer else { return }
            if let flowLayout = self.collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
                flowLayout.footerReferenceSize = CGSize(width: collectionView.bounds.width, height: height)
                // 刷新布局让尺寸生效
                self.collectionView.collectionViewLayout.invalidateLayout()
            }
        }
        return footer
    }
    // 其他类型的补充视图返回默认实例
    return UICollectionReusableView()
}

方案二：用AutoLayout自动适配（更优雅的无代码计算方案） #

如果你的Footer和TableView都采用AutoLayout约束，可以让系统自动推断高度，不需要手动计算：

1. 给复用的TableView设置isScrollEnabled = false（因为Footer不需要滚动，TableView内容直接展开），然后给TableView添加top、leading、trailing、bottom的约束，让它填满父视图。
2. 自定义一个TableView子类，重写intrinsicContentSize让它返回内容高度：

class AutoHeightTableView: UITableView {
    override var intrinsicContentSize: CGSize {
        self.layoutIfNeeded()
        return CGSize(width: UIView.noIntrinsicMetric, height: contentSize.height)
    }
    
    override func layoutSubviews() {
        super.layoutSubviews()
        // 内容高度变化时主动通知系统更新 intrinsicContentSize
        if contentSize.height != intrinsicContentSize.height {
            invalidateIntrinsicContentSize()
        }
    }
}

3. 在CollectionView Footer中，将复用的视图添加进去，同样设置top、leading、trailing、bottom约束，Footer的高度会自动由子视图的内容高度决定，不需要额外监听或计算。

方案三：预计算高度（仅适合固定高度的场景） #

如果你的TableView cell高度是固定值，或者可以通过数据源直接计算总高度，那可以直接在加载Footer前算出高度：

// 假设数据源是dataList，每个cell固定高度60，加上表头表尾高度
let totalHeight = CGFloat(dataList.count) * 60 + tableView.sectionHeaderHeight + tableView.sectionFooterHeight
// 直接设置Footer尺寸
if let flowLayout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout {
    flowLayout.footerReferenceSize = CGSize(width: collectionView.bounds.width, height: totalHeight)
}

这个方法简单但局限性大，只适合cell高度固定的场景，如果用了UITableView.automaticDimension动态计算cell高度，就不太适用了。

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