在UICollectionView中点击单元格返回错误的索引

问题描述

我真的不知道我在想什么。我设置了UICollectionView，并且内容设置正确。 cellForItemAt部分如下所示：

func collectionView(_ collectionView: UICollectionView,cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "DetailsEventImageCell",for: indexPath) as? DetailsEventImageCell
    
    print("Loaded - IndexPathItem: \(indexPath.item)")
    
    cell?.backgroundColor = .clear
    cell?.contentView.layer.cornerRadius = 10
    cell?.contentView.layer.masksToBounds = true
    cell?.eventImage.image = images[indexPath.row]
    
    return cell ?? UICollectionViewCell()
}

collectionView正确显示了单元格，但这就是问题所在。当我进入编辑模式并随机点击所有单元格时，有时它返回错误的索引并标记了错误的单元格（通常在它旁边），如下图所示：

The cell I tap should return indexPath.item = 5 but it does return 4 and marks cell 4 for deletion instead of 5.

由于正确设置了单元格，所以我不知道为什么有时会为所选单元格返回错误的indexPath。如果我点击一个单元格两次，它会突然返回正确的indexPath。如果我取消选择所有单元格并重试，则某些单元格会再次返回错误的indexPath。

这是我的didSelectItemAt代码

func collectionView(_ collectionView: UICollectionView,didSelectItemAt indexPath: IndexPath) {
    print(indexPath.item)
    if isEditing {
        if let cell = collectionView.cellForItem(at: indexPath) as? DetailsEventImageCell {
            cell.isInEditingMode = isEditing
            cell.isSelected = true
        }
    }
}

以下两个函数也可能是罪魁祸首，但我不明白为什么它会正确设置collectionView，然后在点击时返回错误的值。

这是我的自定义单元格

class DetailsEventImageCell: UICollectionViewCell {

@IBOutlet weak var eventImage: UIImageView!
@IBOutlet weak var selectedForDeletionImage: UIImageView!

var isInEditingMode: Bool = false {
    didSet {
        if !isInEditingMode {
            //selectedForDeletionImage.isHidden = true
            isSelected = false
        }
    }
}

override var isSelected: Bool {
    didSet {
        if isInEditingMode {
            selectedForDeletionImage.isHidden = isSelected ? false : true
        }
    }
}

这是我的setEditing代码

override func setEditing(_ editing: Bool,animated: Bool) {
        super.setEditing(editing,animated: animated)
        
        collectionView.allowsMultipleSelection = editing
        
        //Deselect all selected cells
        if !editing {
            if let indexPaths = collectionView.indexPathsForSelectedItems {
                for indexPath in indexPaths {
                    self.collectionView.deselectItem(at: indexPath,animated: false)
                }
            }
        }
        
        
        let indexPaths = collectionView.indexPathsForVisibleItems
        for indexPath in indexPaths {
            if let cell = collectionView.cellForItem(at: indexPath) as? DetailsEventImageCell {
                cell.isInEditingMode = editing
            }
        }
    }

我希望有人可以帮助我。

解决方法

经过数小时的尝试，我发现这似乎是与iOS模拟器相关的问题。我无法访问所有设备尺寸，因此有时会使用它进行快速测试。

在模拟器中“缓慢地”点击单元格确实可以正常工作，但是如果我在内部单元格中点击得太快，似乎无法跟上并再次选择上一个单元格。

在实际设备上，可以以任意速度点击单元格，并且可以按预期工作。

编辑：该问题似乎仅在XCode 11.7上的我的Mac Mini 2012年底（macOS Catalina 10.15.6）上的iOS-Simulator上出现 我的Macbook Pro 15“ 2019和我尝试过的所有硬件设备（iPhone 11 Pro，ipad Air，iPhone SE 2nd Gen）在相同的项目和相同的OS / XCode Build上都能按预期工作。

,

我认为如果您有很多单元，则上述实现将无法正常工作，因为单元是可重用的。

1. 您可以在数组中收集选定的索引路径，然后在每个didSelece / didDeselect方法上重新加载。

2. 使用cellforRowAtItem方法更新UI。

   func collectionView(_ collectionView: UICollectionView,didSelectItemAt indexPath: IndexPath) {   
       if isEditing {
          self.selectedIndexPaths.append(indexPath)
          self.collectionView.reloadData()
       }
   }
   

在didDeselect方法中，就像...

func collectionView(_ collectionView: UICollectionView,didDeselectItemAt indexPath: IndexPath) {
    if let index = self.selectedIndexPaths.firstIndex(of: indexPath) {
        self.selectedIndexPaths.remove(at: index)
    }
    self.collectionView.reloadData()
}

最终cellforRowAtItem就像...

func collectionView(_ collectionView: UICollectionView,cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "DetailsEventImageCell",for: indexPath) as? DetailsEventImageCell

print("Loaded - IndexPathItem: \(indexPath.item)")

cell?.backgroundColor = .clear
cell?.contentView.layer.cornerRadius = 10
cell?.contentView.layer.masksToBounds = true
cell?.eventImage.image = images[indexPath.row]
if self.selectedIndexpaths.contains(indexPath) {
   cell.isSelected = true
} else {
   cell.isSelected = false
}
return cell ?? UICollectionViewCell()

}