UICollectionView删除Cell时随机出现图片重叠Bug排查

这个层叠问题是三个UICollectionView使用错误共同导致的：

• 更新操作冲突：删除回调里同时调用deleteItems(at:)和reloadData()是核心诱因。deleteItems(at:)本身会触发UICollectionView的局部布局更新、cell复用调度，紧接着调用全量reloadData()会直接打断内置的更新流程，导致已经标记为待移除的旧cell没有被正常回收，新加载的cell直接渲染到上层，形成图片层叠。
• 动画实现不规范：直接修改cell内部image视图的center做位移动画，会破坏视图的原始布局状态。你虽然在prepareForReuse里写了center重置逻辑，但deleteItems自带的位移动画、自定义的位移动画、reloadData触发的重新加载三者时序不可控，被复用的cell很容易出现位置状态错乱。
• 数据源修改存在时序风险：scrollViewWillBeginDragging里触发的fetchData()如果和删除操作同时修改ImageModel.images数组，且没有做主线程串行保护，会出现数据源count和collectionView预期不一致的问题，进一步放大随机UI异常。

• 删除deleteItems(at:)后面多余的collectionView.reloadData()调用。单条删除操作只需要调用deleteItems(at:)即可，系统会自动根据最新数据源更新可见区域的cell；如果需要刷新其他位置的cell，用reloadItems(at:)传入指定indexPath，不要做无差别全量刷新。
• 改用transform实现位移动画，不要直接修改center/frame，避免破坏原始布局约束：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    guard let cell = collectionView.cellForItem(at: indexPath) as? CollectionViewCell else { return }
    UIView.animate(withDuration: 0.5) {
        cell.image.transform = CGAffineTransform(translationX: 300, y: 0)
    } completion: { _ in
        ImageModel.images.remove(at: indexPath.row)
        collectionView.performBatchUpdates {
            collectionView.deleteItems(at: [indexPath])
        }
    }
}

• 调整cell复用重置逻辑，对应transform动画恢复初始状态：

override func prepareForReuse() {
    super.prepareForReuse()
    self.image.image = nil
    self.image.transform = .identity
}

• 所有对ImageModel.images的增、删操作都保证在主线程串行执行，避免滚动触发的拉取逻辑和用户删除操作同时修改数据源，造成数据和UI状态不匹配。

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