UICollectionView选中/取消选中单元格时勾选标记处理问题咨询

我帮你梳理下这个问题的核心：你遇到的是UICollectionViewcell复用机制导致的状态错乱，加上没有正确维护选中状态的数据源，才会出现取消选中后勾选标记不消失、滚动时状态异常的情况。咱们一步步来解决：

核心思路 #

不要依赖UICollectionView自带的isSelected属性来控制勾选标记（复用会导致状态残留），而是自己维护一个选中的IndexPath变量，所有状态更新都基于这个变量，同时只刷新需要变更的cell，避免不必要的性能消耗。

具体实现步骤 #

1. 维护选中状态的数据源 #

在你的ViewController里定义两个变量：

private var selectedIndexPath: IndexPath? // 记录当前选中的单元格位置
private var photoAssets: [PHAsset] = [] // 从相册获取的PHAssets数据源

2. 正确配置Cell的显示状态 #

在cellForItemAt方法里，根据selectedIndexPath来决定是否显示勾选标记，同时处理PHAsset的图片加载：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "PhotoCell", for: indexPath) as! PhotoCell
    
    // 先重置Cell状态（避免复用残留）
    cell.photoImageView.image = nil
    cell.checkmarkView.isHidden = true
    
    // 加载当前PHAsset对应的图片
    let targetSize = CGSize(width: cell.bounds.width, height: cell.bounds.height)
    PHImageManager.default().requestImage(
        for: photoAssets[indexPath.item],
        targetSize: targetSize,
        contentMode: .aspectFill,
        options: nil
    ) { [weak cell] image, _ in
        cell?.photoImageView.image = image
    }
    
    // 根据选中状态显示/隐藏勾选标记
    if indexPath == selectedIndexPath {
        cell.checkmarkView.isHidden = false
    }
    
    return cell
}

3. 处理单元格选中事件 #

在didSelectItemAt里更新选中状态，只刷新需要变更的单元格，同时更新顶部ImageView：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    // 记录之前选中的位置
    let previousSelected = selectedIndexPath
    
    // 更新选中状态：如果点击的是当前选中的单元格，就取消选中；否则切换到新的单元格
    if selectedIndexPath == indexPath {
        selectedIndexPath = nil
    } else {
        selectedIndexPath = indexPath
    }
    
    // 收集需要刷新的IndexPath：之前选中的（如果有）和当前选中的
    var reloadPaths: [IndexPath] = []
    if let prevPath = previousSelected {
        reloadPaths.append(prevPath)
    }
    reloadPaths.append(indexPath)
    
    // 只刷新这两个单元格，避免整个列表reload
    collectionView.reloadItems(at: reloadPaths)
    
    // 更新顶部ImageView的内容
    updateTopImageView()
}

// 单独封装顶部ImageView的更新逻辑
private func updateTopImageView() {
    guard let selectedPath = selectedIndexPath else {
        topImageView.image = nil // 取消选中时清空图片
        return
    }
    
    let selectedAsset = photoAssets[selectedPath.item]
    // 加载适合顶部ImageView尺寸的图片
    let targetSize = topImageView.bounds.size
    PHImageManager.default().requestImage(
        for: selectedAsset,
        targetSize: targetSize,
        contentMode: .aspectFit,
        options: nil
    ) { [weak self] image, _ in
        self?.topImageView.image = image
    }
}

4. 优化Cell复用的状态重置 #

在你的自定义Cell类里，重写prepareForReuse方法，确保复用前清空所有状态：

class PhotoCell: UICollectionViewCell {
    @IBOutlet weak var photoImageView: UIImageView!
    @IBOutlet weak var checkmarkView: UIImageView!
    
    override func prepareForReuse() {
        super.prepareForReuse()
        // 重置图片和勾选标记状态
        photoImageView.image = nil
        checkmarkView.isHidden = true
    }
}

为什么这能解决你的问题？ #

1. 避免复用状态残留：自己维护selectedIndexPath，每次配置Cell时都基于这个可靠的数据源判断状态，不会被复用的Cell旧状态干扰。
2. 精准刷新Cell：只刷新之前选中和当前选中的两个Cell，比reload整个列表性能更好，也不会导致滚动位置跳动。
3. 选中状态逻辑清晰：明确控制选中/取消选中的条件，不会依赖UICollectionView自带的选中状态（这个状态在复用场景下不可靠）。

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