iOS Swift：如何在Scroll View中为图片实现视差效果？

当然可以用Scroll View实现图片视差效果！你的思路方向是对的，但可能有几个细节没处理到位，导致代码没正常工作。我来帮你调整一下：

首先检查布局约束的正确性 #

确保你的图片控件的约束设置符合以下要求：

• 图片的top约束连接到Scroll View的top（也就是你IBOutlet绑定的topConstrain）
• 图片的leading、trailing和Scroll View的边缘对齐
• 给图片设置一个固定的height约束（比如200pt）
• Scroll View的contentView的top要和图片的bottom连接，确保contentView有足够的滚动空间

修正滚动逻辑代码 #

你的原代码只处理了下拉拉伸的情况，没有实现滚动时的视差效果。下面是调整后的完整代码：

@IBOutlet weak var topConstrain: NSLayoutConstraint!
@IBOutlet weak var scrollView: UIScrollView!

override func viewDidLoad() {
    super.viewDidLoad()
    scrollView.delegate = self
    // 避免导航栏自动调整contentInsets影响视差位置
    scrollView.contentInsetAdjustmentBehavior = .never
}

func scrollViewDidScroll(_ scrollView: UIScrollView) {
    let offsetY = scrollView.contentOffset.y
    
    // 下拉时：图片跟着拉伸（和原逻辑一致）
    if offsetY < 0 {
        topConstrain.constant = offsetY
    } 
    // 上滑时：实现视差效果，图片移动速度是滚动速度的一半（可调整系数）
    else {
        topConstrain.constant = -offsetY * 0.5
    }
}

代码说明 #

• contentInsetAdjustmentBehavior = .never：如果你的页面带有导航栏，这个设置可以避免系统自动调整Scroll View的内边距，导致视差位置偏移。
• 上滑时的系数0.5：你可以根据需求调整这个值，比如设成0.3会让图片移动更慢，视差更明显；设成1的话图片就和滚动同步，失去视差效果。

这样调整后，你就能看到下拉时图片拉伸、上滑时图片缓慢移动的自然视差效果了！

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