仅水平滚动时切换ScrollView页面，垂直滚动时不触发切换

这个场景我太熟悉了——做顶部分段切换+多列表页面的时候，经常会碰到TableView垂直滚动时不小心触发了外层ScrollView的水平页面切换，用户体验特别糟。下面给你说个亲测有效的解决方案，核心就是让外层ScrollView能“识别”滚动方向，只在水平滚动时响应页面切换，垂直滚动把控制权交给TableView。

核心思路：通过手势识别器代理区分滚动方向 #

UIScrollView的页面切换依赖于它的UIPanGestureRecognizer，我们可以通过这个手势的代理方法，判断用户的滚动方向，决定是否让ScrollView的手势生效。

步骤1：设置手势代理并实现代理方法 #

首先让你的ViewController遵守UIGestureRecognizerDelegate协议，然后给外层ScrollView的pan手势设置代理，接着实现两个关键的代理方法：

class YourViewController: UIViewController, UIGestureRecognizerDelegate {
    @IBOutlet weak var mainScrollView: UIScrollView!
    @IBOutlet weak var tableView0: UITableView!
    @IBOutlet weak var tableView1: UITableView!
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 给ScrollView的 pan 手势设置代理
        mainScrollView.panGestureRecognizer.delegate = self
        
        // 这里可以保留你原来的分段控件同步逻辑，比如ScrollView的scrollViewDidScroll方法里更新分段选中状态
    }
    
    // 允许ScrollView和TableView的手势同时被识别，这样我们才能后续判断方向
    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        // 只针对TableView的pan手势做处理
        return otherGestureRecognizer is UIPanGestureRecognizer && (otherGestureRecognizer.view is UITableView)
    }
    
    // 判断ScrollView的手势是否应该启动（核心逻辑）
    func gestureRecognizerShouldBegin(_ gestureRecognizer: UIGestureRecognizer) -> Bool {
        guard let panGesture = gestureRecognizer as? UIPanGestureRecognizer else {
            return true
        }
        
        // 获取手势在ScrollView上的偏移量
        let translation = panGesture.translation(in: mainScrollView)
        let horizontalMove = abs(translation.x)
        let verticalMove = abs(translation.y)
        
        // 只有当水平移动距离大于垂直时，才允许ScrollView的手势触发（也就是页面切换）
        return horizontalMove > verticalMove
    }
}

代码解释 #

1. shouldRecognizeSimultaneouslyWith：这个方法允许ScrollView和TableView的手势同时被系统识别，这样我们才有机会在手势开始前判断方向，而不是让其中一个手势直接抢占事件。
2. gestureRecognizerShouldBegin：这是关键，我们通过对比水平和垂直方向的移动距离，决定是否让ScrollView的手势生效。如果用户是垂直滚动（垂直移动更多），ScrollView的手势就不会启动，所有滚动事件都会交给TableView处理；如果是水平滚动，ScrollView正常响应页面切换。

额外注意事项 #

• 确保你的ScrollView的contentSize设置正确：宽度应该是ScrollView.frame.width * 2（因为有两个页面），高度是两个TableView中较高的那个或者固定值，避免出现不必要的滚动。
• 分段控件和页面的同步逻辑（比如滚动ScrollView时更新分段选中状态）可以保留，这个方案不会影响这部分功能。
• 如果你的TableView有下拉刷新等功能，这个方案也完全兼容，因为垂直滚动的事件会优先交给TableView。

我之前做类似的多列表切换页面时就是用的这个方法，用户滚动TableView的时候再也不会误触页面切换了，体验提升特别明显。

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