UICollectionView拖动重排时单元格闪烁问题解决咨询

嘿，我来帮你搞定这个UICollectionView拖动单元格闪烁的问题～

首先得搞清楚为啥会闪烁：当你释放拖动的单元格后，如果调用了reloadData()这类全局刷新方法，会触发cellForItemAt重新加载所有可见单元格，cell被复用或重建的过程就会导致视觉上的闪烁。咱们可以通过几个针对性的方法来解决：

不要在拖动完成后直接调用collectionView.reloadData()，而是只刷新位置发生变化的那两个单元格。比如你交换了两个单元格的数据，就只刷新这两个indexPath对应的cell：

// 假设拖动结束后，你交换了data数组中fromIndex和toIndex的数据
let fromIndexPath = IndexPath(item: fromIndex, section: 0)
let toIndexPath = IndexPath(item: toIndex, section: 0)

collectionView.performBatchUpdates({
    self.collectionView.reloadItems(at: [fromIndexPath, toIndexPath])
}, completion: nil)

这种方式只会更新变动的cell，不会触发所有cell的重新加载，能大幅减少闪烁。

在cellForItemAt方法里，避免每次都无条件更新cell的UI。可以给cell加一个属性来存储当前绑定的数据，只有当新数据和旧数据不一致时，才更新UI：

// 先自定义你的Cell类，添加存储数据的属性
class YourCell: UICollectionViewCell {
    @IBOutlet weak var titleLabel: UILabel!
    var storedData: String? // 存储当前cell绑定的数据
    
    override func prepareForReuse() {
        super.prepareForReuse()
        storedData = nil // 复用前清空旧数据
    }
}

// 然后在ViewController的cellForItemAt里
func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: cellIdentifier, for: indexPath) as! YourCell
    let currentData = cells[indexPath.item]
    
    // 只有数据变化时才更新UI
    if cell.storedData != currentData {
        cell.storedData = currentData
        cell.titleLabel.text = currentData
        // 其他UI更新操作也放在这里
    }
    
    return cell
}

这样就算cell被复用，只要数据没变化，就不会重复执行UI更新，避免不必要的闪烁。

如果是拖动过程中的高亮或动画导致的闪烁，可以尝试关闭这些效果：

// 1. 关闭cell的高亮效果
func collectionView(_ collectionView: UICollectionView, shouldHighlightItemAt indexPath: IndexPath) -> Bool {
    return false
}

// 2. 无动画刷新cell
UIView.performWithoutAnimation {
    collectionView.reloadItems(at: [fromIndexPath, toIndexPath])
}

这些方法里，前两个是最核心的——减少不必要的刷新操作，让cell只在真正需要更新的时候才变化，基本就能解决闪烁问题啦～

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