替换低分辨率图片为高分辨率时保持UIScrollView缩放位置

这个问题我做图片浏览功能时踩过坑！核心是替换图片时要精准映射当前的显示区域到高清图上，不让用户察觉任何跳转感。本质上是利用低清图和高清图的固定比例，把当前的缩放、偏移状态转换成适配高清图的参数，再让系统自动对齐显示。

低清图和高清图的宽高比是完全一致的（必须保证这一点！），所以我们可以先计算两者的尺寸比例，然后把用户当前查看的低清图区域，按比例映射到高清图上，最后让UIScrollView自动缩放并滚动到这个映射后的区域即可。

假设你已经有了UIScrollView和UIImageView的引用，并且已经加载了低清图，高清图下载完成后调用下面的方法：

@IBOutlet weak var scrollView: UIScrollView!
@IBOutlet weak var imageView: UIImageView!
var lowResImage: UIImage! // 已加载的低清图
var highResImage: UIImage! // 下载完成的高清图

func switchToHighResolutionImage() {
    guard let lowRes = lowResImage, let highRes = highResImage else { return }
    
    // 1. 校验图片比例一致性（必须保证，否则显示会错位）
    let widthRatio = highRes.size.width / lowRes.size.width
    let heightRatio = highRes.size.height / lowRes.size.height
    assert(abs(widthRatio - heightRatio) < 0.01, "低清图与高清图比例不一致，请检查资源！")
    let scaleRatio = widthRatio
    
    // 2. 记录当前查看的低清图区域
    let currentZoomScale = scrollView.zoomScale
    let visibleLowResRect = CGRect(
        x: scrollView.contentOffset.x,
        y: scrollView.contentOffset.y,
        width: scrollView.bounds.width / currentZoomScale,
        height: scrollView.bounds.height / currentZoomScale
    )
    
    // 3. 切换图片并更新scrollView的内容尺寸
    imageView.image = highRes
    scrollView.contentSize = highRes.size
    
    // 4. 映射区域到高清图，让scrollView自动对齐显示
    let visibleHighResRect = visibleLowResRect.applying(CGAffineTransform(scaleX: scaleRatio, y: scaleRatio))
    scrollView.zoom(to: visibleHighResRect, animated: false)
    
    // 5. 更新缩放范围（按需调整，保证用户能正常缩放高清图）
    let minScale = scrollView.bounds.width / highRes.size.width // 图片刚好填满scrollView宽度
    scrollView.minimumZoomScale = minScale
    scrollView.maximumZoomScale = 3.0 // 允许放大3倍，可根据需求修改
}

• 必须保证比例一致：如果低清图和高清图比例不同，无论怎么计算都会出现显示错位或拉伸，建议提前和后端约定好图片比例，或者在客户端做裁剪/拉伸处理（不推荐）。
• 关闭动画：替换时一定要用animated: false，否则用户会看到明显的跳动，破坏沉浸感。
• 后台下载+主线程更新：高清图下载要放在后台线程，完成后回到主线程调用替换方法，避免阻塞UI。
• 缩放代理设置：确保你的UIScrollViewDelegate实现了viewForZooming(in:)方法，返回的是当前的imageView，否则缩放功能会失效：

  func viewForZooming(in scrollView: UIScrollView) -> UIView? {
      return imageView
  }
  

• 测试边界场景：一定要测试未缩放、放大到最大、缩小到最小、滚动到图片边缘等场景，确保所有情况都能无缝切换。

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