滚动后CollectionViewCell状态异常问题求解

核心问题是单元格的选中状态不应该存储在单元格本身，因为单元格会被复用，滚动时会把旧状态带到新的位置。正确的做法是把状态存在数据源（比如interests数组的元素里），每次复用单元格时从数据源读取状态并设置样式。

步骤1：给数据源添加选中状态属性 #

确保你的Interest模型（或interestsViewModels里的对象）有一个isSelected布尔属性，用来标记是否被选中。如果是值类型（比如struct），修改时要注意写回数组：

// 示例Interest模型定义
struct Interest {
    let topicId: String
    let topicName: String
    let imageName: String
    var isSelected: Bool = false // 默认未选中
}

步骤2：修改单元格的配置逻辑 #

让单元格根据传入的选中状态设置边框，不再依赖自身的hasBorder变量：

class InterestsCollectionViewCell: UICollectionViewCell {
    @IBOutlet weak var itemImageView: UIImageView!
    @IBOutlet weak var itemBorderView: UIView!
    
    func configure(url: URL, name: String, isSelected: Bool) {
        itemImageView.sd_imageIndicator = SDWebImageActivityIndicator.medium
        itemImageView.sd_setImage(with: url, placeholderImage: nil, options: .refreshCached)
        // 根据选中状态更新边框
        updateBorder(isSelected: isSelected)
    }
    
    private func updateBorder(isSelected: Bool) {
        let borderColor = isSelected ? UIColor(named: "interestBorder")?.cgColor : UIColor.clear.cgColor
        itemBorderView.layer.borderColor = borderColor
        itemBorderView.layer.borderWidth = isSelected ? 1 : 0 // 统一设置边框宽度
    }
}

步骤3：修正cellForItemAt方法 #

每次复用单元格时，从数据源读取选中状态并传给单元格：

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: InterestsCollectionViewCell.identifier, for: indexPath) as! InterestsCollectionViewCell
    
    let interest = interests[indexPath.row]
    guard let imageURL = URL(string: interest.imageName) else {
        return cell
    }
    
    cell.configure(url: imageURL, name: interest.topicName, isSelected: interest.isSelected)
    
    return cell
}

步骤4：修改didSelectItemAt的逻辑 #

点击单元格时，更新数据源的选中状态，刷新对应单元格，同时维护选中ID数组（建议直接从数据源过滤，避免状态不一致）：

func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
    collectionView.deselectItem(at: indexPath, animated: true)
    
    // 更新数据源状态（struct类型需要取出修改后写回数组）
    var updatedInterest = interests[indexPath.row]
    updatedInterest.isSelected.toggle()
    interests[indexPath.row] = updatedInterest
    
    // 直接从数据源过滤选中ID，避免单独维护数组导致的不一致
    selectedInterests = interests.filter { $0.isSelected }.map { $0.topicId }
    
    // 刷新当前单元格，应用新状态
    collectionView.reloadItems(at: [indexPath])
}

为什么之前的尝试失败？ #

你之前修改interest.selected.toggle()但没生效，大概率是因为Interest是值类型（struct），直接取出的是副本，修改副本不会影响原数组里的元素，必须把修改后的对象写回数组，数据源才会真正更新。

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