如何实现UITableView底部视图动态高度及自适应显示位置？

我之前也碰到过一模一样的需求，折腾了好一阵才搞定，给你分享两种亲测好用的实现方案，完美适配你要的两种场景：

方案一：动态调整TableView的ContentInset（推荐） #

这种方式适配性最强，不管是纯代码还是Storyboard布局都能用，核心思路是根据内容高度和屏幕可用高度的对比，动态调整tableView的底部内边距，让footer在两种状态间切换：

1. 先创建好你要的底部文本视图，把它设为tableView的tableFooterView，记得给footer设置好固定高度（或者让它通过Auto Layout自适应内容高度）。
2. 在viewDidLayoutSubviews方法里做布局判断——这个方法会在视图大小变化（比如屏幕旋转、初始加载）时自动调用，能避免出现半显示的问题：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    
    guard let footerView = tableView.tableFooterView else { return }
    
    // 计算屏幕的可用高度（去掉安全区的上下边距）
    let safeAreaTop = view.safeAreaInsets.top
    let safeAreaBottom = view.safeAreaInsets.bottom
    let availableScreenHeight = view.bounds.height - safeAreaTop - safeAreaBottom
    
    // 计算tableView内容的总高度（所有cell高度 + footer高度）
    let totalContentHeight = tableView.contentSize.height
    
    if totalContentHeight < availableScreenHeight {
        // 场景1：内容不够一屏，把footer固定在屏幕底部
        let bottomInset = availableScreenHeight - totalContentHeight
        tableView.contentInset = UIEdgeInsets(top: 0, left: 0, bottom: bottomInset, right: 0)
    } else {
        // 场景2：内容超过一屏，footer跟在最后一个cell后面
        tableView.contentInset = .zero
    }
    
    // 强制刷新布局，确保不会出现布局错乱
    tableView.layoutIfNeeded()
}

方案二：用StackView包裹TableView和Footer #

如果你的页面布局比较简单，用StackView会更直观，核心是通过控制tableView的滚动开关来实现两种状态：

1. 在ViewController的根视图里添加一个垂直方向的UIStackView，把tableView和底部文本视图都加进去，设置StackView的distribution为.fill。
2. 同样在viewDidLayoutSubviews里做判断：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    
    let safeAreaTop = view.safeAreaInsets.top
    let safeAreaBottom = view.safeAreaInsets.bottom
    let availableScreenHeight = view.bounds.height - safeAreaTop - safeAreaBottom
    
    // 计算内容总高度（cell总高度 + footer高度）
    let tableViewContentHeight = tableView.contentSize.height
    let footerHeight = footerView.bounds.height
    let totalContentHeight = tableViewContentHeight + footerHeight
    
    if totalContentHeight <= availableScreenHeight {
        // 内容不够一屏：关闭tableView滚动，让StackView把内容撑满到屏幕底部
        tableView.isScrollEnabled = false
        // 给tableView设置固定高度，让它刚好容纳所有cell
        tableView.heightAnchor.constraint(equalToConstant: tableViewContentHeight).isActive = true
    } else {
        // 内容超过一屏：开启tableView滚动，让footer被挤到tableView下方
        tableView.isScrollEnabled = true
        // 取消tableView的固定高度约束，让它占满剩余空间
        tableView.heightAnchor.constraint(equalToConstant: tableViewContentHeight).isActive = false
        tableView.heightAnchor.constraint(greaterThanOrEqualToConstant: availableScreenHeight - footerHeight).isActive = true
    }
    
    stackView.layoutIfNeeded()
}

几个关键注意点 #

• 一定要在viewDidLayoutSubviews里处理：不管是初始加载还是屏幕旋转，这个方法都会触发，能确保布局始终正确，不会出现半显示的情况。
• 如果你用方案一，记得footer的高度要准确——如果是自适应高度的footer，要确保tableView能正确计算它的高度（比如实现tableView(_:heightForFooterInSection:)方法）。
• 初始加载时如果布局还是有问题，可以在viewDidAppear里手动调用一次viewDidLayoutSubviews，强制刷新。

这样就能完美实现你要的效果啦：内容少的时候footer稳稳待在屏幕底部，内容多的时候得滚动到底部才能看到，绝对不会出现半显示的尴尬情况～

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