Swift：禁止ScrollView内图片上下滑动，仅保留横向滚动

嗨，我来帮你搞定这个横向滚动的问题！你现在遇到的纵向拖动问题，主要是约束设置错误加上ScrollView的滚动属性没配置到位，我给你一步步拆解：

问题根源分析 #

你说把ScrollView和图片的约束都和主视图四边对齐——这其实是错误的做法！UIScrollView的内部子视图（你的图片）不能直接绑定到主视图，而是要绑定到ScrollView的Content Layout Guide，否则ScrollView无法正确计算滚动范围，再加上默认开启的垂直弹性滚动，就会出现不必要的上下拖动。

具体解决方案 #

1. 修正Storyboard的约束设置

先打开你的Storyboard，按以下步骤调整：

• 确保你的ScrollView已经正确绑定主视图四边对齐（这个你已经做了，没问题）
• 选中ScrollView内部的图片控件，删除它和主视图的所有约束，重新添加：
  • 图片的顶部、底部、左侧、右侧全部绑定到ScrollView的Content Layout Guide
  • 给图片添加高度约束：等于ScrollView的Frame Layout Guide的高度（这样图片高度就和ScrollView的可视高度完全一致，不会产生纵向滚动空间）
  • 如果是单张横向长图，给图片设置固定宽度；如果是多张图片拼接，按实际需求设置宽度约束

2. 代码里配置ScrollView的滚动属性

在你的Image2ViewController的viewDidLoad方法里添加以下代码（记得把scrollView替换成你Storyboard里的IBOutlet名称）：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 禁用垂直滚动相关属性
    scrollView.alwaysBounceVertical = false
    scrollView.showsVerticalScrollIndicator = false
    // 确保横向滚动正常工作
    scrollView.alwaysBounceHorizontal = true
    scrollView.showsHorizontalScrollIndicator = true
}

3. 额外检查项

• 如果你用的是UIImageView加载图片，记得设置imageView.contentMode = .scaleAspectFit（或.scaleAspectFill），避免图片拉伸导致尺寸异常
• 给UIImageView开启clipsToBounds = true，防止图片超出可视范围产生额外滚动空间

这样调整后，你的ScrollView就只会允许横向左右滚动，纵向会被完全固定住啦！

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