Collection View单元格重排序功能异常问题求助

嘿，我帮你排查下这个Collection View拖动异常的问题——这俩问题其实都是数据源没跟UI操作同步，加上Cell复用的小坑没踩对导致的，咱们一步步来解决：

• 数据源没同步更新：你拖动单元格只是动了UI，但核心的batmanDataItems数组根本没改顺序！Collection View滚动时会重新从数据源取数据，自然又回到原来的位置。
• Cell复用导致图片错乱：拖动过程中Collection View会复用已有的Cell，如果cellForItemAt里没严格根据当前数据源设置内容，就会出现图片“串位”的情况。

1. 实现拖动代理，同步更新数据源 #

首先得让你的CollectionViewController遵循拖动相关的代理，然后在拖动结束时修改数据源数组，并通知Collection View更新UI：

// 扩展CollectionViewController，实现拖动和放下代理
extension CollectionViewController: UICollectionViewDragDelegate, UICollectionViewDropDelegate {
    // 开启单元格拖动功能
    func collectionView(_ collectionView: UICollectionView, itemsForBeginning session: UIDragSession, at indexPath: IndexPath) -> [UIDragItem] {
        let draggedItem = batmanDataItems[indexPath.item]
        // 根据你的DataItem结构调整itemProvider的内容，这里假设imageData是图片的二进制数据
        let itemProvider = NSItemProvider(object: draggedItem.imageData as NSData)
        let dragItem = UIDragItem(itemProvider: itemProvider)
        dragItem.localObject = draggedItem // 保存本地对象，方便后续获取
        return [dragItem]
    }

    // 处理放下操作，核心是更新数据源
    func collectionView(_ collectionView: UICollectionView, performDropWith coordinator: UICollectionViewDropCoordinator) {
        guard let destIndexPath = coordinator.destinationIndexPath else { return }
        
        for dropItem in coordinator.items {
            guard let sourceIndexPath = dropItem.sourceIndexPath,
                  let dataItem = dropItem.dragItem.localObject as? DataItem else {
                continue
            }
            
            // 1. 先修改数据源数组
            batmanDataItems.remove(at: sourceIndexPath.item)
            batmanDataItems.insert(dataItem, at: destIndexPath.item)
            
            // 2. 通知Collection View更新UI
            collectionView.performBatchUpdates({
                collectionView.deleteItems(at: [sourceIndexPath])
                collectionView.insertItems(at: [destIndexPath])
            }, completion: nil)
        }
        
        coordinator.drop(coordinator.items.first?.dragItem, toItemAt: destIndexPath)
    }

    // 设置拖动的操作类型为移动
    func collectionView(_ collectionView: UICollectionView, dropSessionDidUpdate session: UIDropSession, withDestinationIndexPath destinationIndexPath: IndexPath?) -> UICollectionViewDropProposal {
        return UICollectionViewDropProposal(operation: .move, intent: .insertAtDestinationIndexPath)
    }
}

别忘了在viewDidLoad里设置代理：

override func viewDidLoad() {
    super.viewDidLoad()
    // 其他初始化代码...
    collectionView.dragDelegate = self
    collectionView.dropDelegate = self
    collectionView.dragInteractionEnabled = true
}

2. 修复Cell复用的图片错乱问题 #

在cellForItemAt方法里，必须严格根据当前batmanDataItems的对应位置设置Cell内容，还要重置Cell状态避免复用旧数据：

override func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    // 替换成你的Cell标识符和自定义Cell类名
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "BatmanCell", for: indexPath) as! BatmanCollectionViewCell
    
    let currentItem = batmanDataItems[indexPath.item]
    // 根据你的DataItem结构设置图片，比如currentItem.image是UIImage对象
    cell.itemImageView.image = currentItem.image
    
    // 重置Cell的其他状态，比如contentMode，避免复用旧设置
    cell.itemImageView.contentMode = .scaleAspectFill
    
    return cell
}

3. 可选：持久化排序（重启APP不丢失） #

如果希望拖动后的排序在APP重启后依然保留，可以把batmanDataItems保存到UserDefaults：

// 保存排序后的数据源
private func saveDataItems() {
    let encoder = JSONEncoder()
    if let encodedData = try? encoder.encode(batmanDataItems) {
        UserDefaults.standard.set(encodedData, forKey: "SavedBatmanItems")
    }
}

// 加载保存的数据源
private func loadDataItems() {
    guard let savedData = UserDefaults.standard.data(forKey: "SavedBatmanItems") else {
        // 如果没有保存的数据，就用初始数据初始化
        batmanDataItems = yourInitialDataArray
        return
    }
    
    let decoder = JSONDecoder()
    if let savedItems = try? decoder.decode([DataItem].self, from: savedData) {
        batmanDataItems = savedItems
        collectionView.reloadData()
    }
}

然后在performDropWith的completion里调用saveDataItems()，在viewDidLoad里调用loadDataItems()。

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