纯代码实现垂直UIScrollView遇横向滚动、子按钮点击失效问题

异常横向滚动 #

• 开启AutoLayout（设置translatesAutoresizingMaskIntoConstraints = false）时，手动给scrollView.contentSize赋值完全无效，UIScrollView会自动根据子视图与contentLayoutGuide的约束计算内容尺寸，手动设置的值会被系统覆盖。
• 现有代码中contentView仅做了四边贴合scrollView的约束，没有限制contentView宽度与scrollView可视区域宽度一致，只要内部子视图宽度超出预期，系统就会计算出大于屏幕宽度的contentSize，触发横向滚动。

fav按钮无法响应点击 #

• 手动设置的+1000高度不生效，当前contentView没有明确的高度约束，也没有内部子视图形成完整的上下约束链撑开高度，导致contentView实际可交互区域远小于预期，按钮如果落在有效区域外就无法响应点击。
• 如果排除按钮本身isUserInteractionEnabled被关闭、被其他视图遮挡的情况，核心问题就是contentView约束缺失导致的交互区域异常。

• 删除手动赋值scrollView.contentSize的代码，AutoLayout模式下不需要手动维护这个值。
• 给contentView增加宽度约束，绑定到scrollView的frameLayoutGuide，锁死横向宽度，从根本上禁止横向滚动。
• 要么给contentView设置明确的固定高度，要么让contentView内部所有子视图（包括fav按钮的父视图）从上到下形成连贯的约束链，最后一个子视图的底部锚点绑定到contentView的底部锚点，让系统自动计算正确的垂直内容高度。

private func setupScrollView() {
    self.view.addSubview(scrollView)
    scrollView.addSubview(contentView)
    scrollView.translatesAutoresizingMaskIntoConstraints = false
    contentView.translatesAutoresizingMaskIntoConstraints = false
    
    NSLayoutConstraint.activate([
        scrollView.topAnchor.constraint(equalTo: self.view.topAnchor),
        scrollView.trailingAnchor.constraint(equalTo: self.view.trailingAnchor),
        scrollView.bottomAnchor.constraint(equalTo: self.view.bottomAnchor),
        scrollView.leadingAnchor.constraint(equalTo:self.view.leadingAnchor)
    ])
    NSLayoutConstraint.activate([
        contentView.topAnchor.constraint(equalTo: scrollView.contentLayoutGuide.topAnchor),
        contentView.leadingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.leadingAnchor),
        contentView.trailingAnchor.constraint(equalTo: scrollView.contentLayoutGuide.trailingAnchor),
        contentView.bottomAnchor.constraint(equalTo: scrollView.contentLayoutGuide.bottomAnchor),
        // 锁死宽度，和scrollView可视区域等宽，禁止横向滚动
        contentView.widthAnchor.constraint(equalTo: scrollView.frameLayoutGuide.widthAnchor),
        // 固定高度写法，动态内容场景可删除这条，靠内部子视图约束撑开高度
        contentView.heightAnchor.constraint(equalToConstant: self.view.frame.height + 1000)
    ])
    
    // 所有内部子视图（含fav按钮）均添加到contentView上，动态内容场景需保证子视图上下约束连贯，从contentView顶部一直约束到contentView底部
}

• 确认fav按钮及其父视图的isUserInteractionEnabled属性为true。
• 确认没有透明视图覆盖在fav按钮上层拦截点击事件。
• 动态内容场景不要写固定高度约束，只要保证内部子视图约束链完整，系统会自动计算正确的滚动范围，所有子视图均可正常响应交互。

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