Swift/iOS：CollectionViewCell中ImageView缩放后切换需重置状态

嘿，这个场景我之前做图片浏览功能时也碰到过！你的思路方向是对的——跟踪当前索引，然后在切换时重置前一个单元格的缩放状态。下面给你具体的可落地实现步骤，帮你搞定这个问题：

1. 准确跟踪当前显示的单元格索引 #

首先要确保能精准拿到切换前后的单元格索引，我们可以借助UICollectionViewDelegate的代理方法来更新索引，同时触发重置操作：

func collectionView(_ collectionView: UICollectionView, willDisplay cell: UICollectionViewCell, forItemAt indexPath: IndexPath) {
    // 先记录上一个显示的索引
    let previousIndex = self.currentIndex
    // 更新为即将显示的新索引
    self.currentIndex = indexPath.item
    
    // 如果是不同的单元格，就重置上一个的缩放状态
    if previousIndex != indexPath.item {
        resetScrollViewScale(for: previousIndex)
    }
}

2. 实现重置缩放状态的核心方法 #

接下来写一个专门的方法，根据索引获取对应的单元格（注意判断单元格是否还存在于视图中），然后重置ScrollView的缩放比例，同时调整contentOffset让图片回到居中状态：

private func resetScrollViewScale(for index: Int) {
    let indexPath = IndexPath(item: index, section: 0)
    // 确保能获取到对应的自定义单元格
    guard let cell = collectionView.cellForItem(at: indexPath) as? YourCustomCollectionViewCell else {
        return
    }
    
    // 重置缩放比例为原始大小
    cell.scrollView.setZoomScale(1.0, animated: false)
    // 计算并设置让图片居中的contentOffset
    let centerOffsetX = max((cell.scrollView.bounds.width - cell.scrollView.contentSize.width) * 0.5, 0)
    let centerOffsetY = max((cell.scrollView.bounds.height - cell.scrollView.contentSize.height) * 0.5, 0)
    cell.scrollView.contentOffset = CGPoint(x: centerOffsetX, y: centerOffsetY)
}

3. 处理单元格复用的边界情况 #

因为UICollectionView是复用单元格的，所以一定要在自定义Cell的prepareForReuse方法里也重置缩放状态，避免复用单元格时带着之前的缩放痕迹：

class YourCustomCollectionViewCell: UICollectionViewCell {
    @IBOutlet weak var scrollView: UIScrollView!
    @IBOutlet weak var imageView: UIImageView!
    
    override func prepareForReuse() {
        super.prepareForReuse()
        
        // 重置缩放和偏移
        scrollView.setZoomScale(1.0, animated: false)
        let centerOffsetX = max((scrollView.bounds.width - scrollView.contentSize.width) * 0.5, 0)
        let centerOffsetY = max((scrollView.bounds.height - scrollView.contentSize.height) * 0.5, 0)
        scrollView.contentOffset = CGPoint(x: centerOffsetX, y: centerOffsetY)
    }
}

4. 确认ScrollView缩放的基础配置正确 #

最后别忘了确保你的ScrollView已经正确设置代理，并且实现了缩放所需的代理方法，这是缩放功能正常工作的基础：

extension YourCustomCollectionViewCell: UIScrollViewDelegate {
    func viewForZooming(in scrollView: UIScrollView) -> UIView? {
        // 返回要缩放的视图（也就是你的UIImageView）
        return imageView
    }
}

// 在Cell的初始化方法里设置代理
override func awakeFromNib() {
    super.awakeFromNib()
    scrollView.delegate = self
    // 可以顺便设置最大最小缩放比例
    scrollView.minimumZoomScale = 1.0
    scrollView.maximumZoomScale = 3.0
}

这样处理之后，当你滑动切换图片时，上一个单元格里的图片就会自动重置为原始缩放比例，不会带着放大状态复用或者留存啦～

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