如何用UIScrollView实现类似UITableView分组页脚的粘性底部效果

嘿，刚好做过类似的需求，要复刻UITableView分组页脚的粘性效果，用UIScrollView其实核心就是靠监听滚动偏移量，动态调整底部容器的位置。下面给你具体的实现思路和代码：

UITableView的分组页脚之所以能“粘”在底部，本质是当滚动到页脚位置时，它会固定在屏幕底部，直到下一组的内容把它向上顶走。对应到UIScrollView，我们需要：

1. 先把底部容器放在内容容器的最底部
2. 监听滚动事件，计算屏幕底部在内容容器中的位置
3. 根据这个位置动态调整底部容器的约束/frame，实现“固定-跟随”的切换

1. 基础布局搭建 #

首先完成UI的约束设置，别搞乱层级：

• 给ViewController的view添加UIScrollView，设置它的top、leading、trailing、bottom完全和父view对齐
• 在ScrollView内部添加一个contentView，设置它的top、leading、trailing、bottom和ScrollView的对应边缘对齐，同时设置contentView.width = view.width（避免横向滚动），高度由内部内容自动撑开
• 把你的业务内容（比如多个分组模块）添加到contentView里，最后把要做粘性的底部容器放到contentView最底部：设置它的leading、trailing和contentView对齐，高度固定（比如44），并给它的bottom和contentView的bottom之间加一个约束（记为stickyFooterBottomConstraint，后面要动态修改）

2. 监听滚动并动态调整 #

给ScrollView设置代理，实现滚动监听方法：

// 先定义好需要的属性
@IBOutlet weak var scrollView: UIScrollView!
@IBOutlet weak var contentView: UIView!
@IBOutlet weak var stickyFooter: UIView!
@IBOutlet weak var stickyFooterBottomConstraint: NSLayoutConstraint!

在viewDidLoad里初始化代理，并计算初始位置：

override func viewDidLoad() {
    super.viewDidLoad()
    scrollView.delegate = self
    // 刚加载时先更新一次位置，避免初始状态不对
    updateStickyFooterPosition()
}

实现核心的位置更新方法：

extension YourViewController: UIScrollViewDelegate {
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        updateStickyFooterPosition()
    }
    
    private func updateStickyFooterPosition() {
        // 计算当前屏幕底部在contentView中的Y坐标
        let screenBottomInContentY = scrollView.contentOffset.y + scrollView.bounds.height
        // 计算底部容器原本在contentView中的顶部Y坐标（也就是它还没被固定时的位置）
        let footerOriginalTopY = contentView.bounds.height - stickyFooter.bounds.height
        
        if screenBottomInContentY >= footerOriginalTopY {
            // 当屏幕底部超过了底部容器的原始位置，让它固定在屏幕底部
            let offset = screenBottomInContentY - footerOriginalTopY
            stickyFooterBottomConstraint.constant = offset
        } else {
            // 否则让它回到contentView的底部，跟着内容一起滚动
            stickyFooterBottomConstraint.constant = 0
        }
        
        // 可选：加个小动画让过渡更平滑，和UITableView的表现更像
        UIView.animate(withDuration: 0.1) {
            self.view.layoutIfNeeded()
        }
    }
}

3. 动态内容适配 #

如果你的contentView里的内容是动态加载的（比如网络请求后添加内容），记得在内容更新后重新计算位置：

// 内容更新完成后调用
contentView.layoutIfNeeded()
updateStickyFooterPosition()

• 如果需要多个粘性底部（类似多个分组的页脚），只需要给每个页脚都做相同的逻辑：计算各自的原始位置，判断当前滚动位置对应的是哪个页脚，再调整对应的约束
• 要避免约束冲突：确保粘性底部的top约束是不固定的（或者设置低优先级），只靠bottom约束来控制位置
• 如果用Objective-C实现，逻辑是完全一样的，只是语法上的差异，把约束的修改和滚动监听对应过去就行

这样就能完美复刻UITableView分组页脚的粘性效果了，你可以根据自己的需求调整细节，比如footer的高度、动画时长之类的。

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