Swift中CollectionView删除项后indexPath未更新及心愿单删除动画问题

嘿，我来帮你搞定这个心愿单删除的问题！你遇到的indexPath未更新的问题，主要是因为没有正确同步数据源和CollectionView的状态，加上没用系统提供的批量更新方法处理删除操作。下面是一步步的解决方案：

1. 修正IndexPath同步问题 #

首先，我们要在cellForItemAt方法里，给cell的点击闭包绑定对应的indexPath，并用CollectionView的deleteItems方法处理删除，这样系统会自动维护indexPath的正确性：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "WishCell", for: indexPath) as! WishCell
    
    // 这里配置你的单元格内容（比如商品信息、图片等）
    
    // 绑定按钮点击事件，用weak避免循环引用
    cell.wishButtonTapped = { [weak self] in
        guard let self = self else { return }
        
        // 第一步：先更新数据源（必须在删除UI操作之前完成，保证数据与UI同步）
        self.wishListDataSource.remove(at: indexPath.item)
        
        // 第二步：用批量更新方法删除单元格，自动同步indexPath并触发默认动画
        collectionView.performBatchUpdates({
            collectionView.deleteItems(at: [indexPath])
        }, completion: nil)
    }
    
    return cell
}

为什么这样能解决indexPath问题？

• 调用deleteItems会让CollectionView内部自动更新后续所有单元格的indexPath，避免手动reloadData导致的不同步问题。
• 先更新数据源是UICollectionView的核心原则，必须保证数据源和UI状态完全一致。

2. 添加流畅的自定义删除动画 #

系统默认的删除动画已经够用，但如果想要更贴合爱心按钮的交互（比如先缩小淡出再删除），可以在删除前给单元格加过渡动画：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "WishCell", for: indexPath) as! WishCell
    
    // 配置单元格内容...
    
    cell.wishButtonTapped = { [weak self, weak cell] in
        guard let self = self, let cell = cell else { return }
        
        // 第一步：执行自定义的缩小淡出动画
        UIView.animate(withDuration: 0.3, animations: {
            cell.transform = CGAffineTransform(scaleX: 0.8, y: 0.8)
            cell.alpha = 0
        }, completion: { _ in
            // 动画完成后更新数据源和CollectionView
            self.wishListDataSource.remove(at: indexPath.item)
            
            collectionView.performBatchUpdates({
                collectionView.deleteItems(at: [indexPath])
            }, completion: { _ in
                // 恢复单元格初始状态，避免复用时出现异常
                cell.transform = .identity
                cell.alpha = 1
            })
        })
    }
    
    return cell
}

这里的关键细节：

• 用weak cell避免闭包持有单元格导致内存泄漏，也防止单元格被复用时状态异常。
• 动画完成后一定要恢复单元格的transform和alpha，因为UICollectionView会复用单元格，不恢复的话下次用到这个单元格时会保持缩小透明的状态。

3. 额外注意事项 #

• 确保你的数据源是可变数组（比如var wishListDataSource: [WishItem] = []），这样才能执行remove(at:)操作。
• 不要在删除后调用collectionView.reloadData()，这会破坏动画效果，同时再次引发indexPath同步问题。
• 如果CollectionView有多section，要注意传递包含section和item的完整indexPath。

这样处理后，点击爱心按钮就能流畅删除单元格，同时indexPath也会保持正确，不会出现后续操作的异常啦！

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