UICollectionView点击单元格调用方法及状态持久化问题

我来帮你搞定这两个问题——点击单元格切换状态，以及解决刷新后状态重置的问题。核心问题在于你把状态存在了UICollectionViewCell实例里，而cell是会被复用的，刷新时重新生成cell自然就回到初始的Active状态了。正确的思路是把每个对象的状态存在数据源模型中，再配合持久化存储来保存状态，这样不管怎么刷新或重启App，状态都能保留。

1. 先创建数据模型来存储每个对象的状态 #

首先定义一个Stash模型类（用引用类型更方便修改状态），搭配枚举规范状态值，避免字符串拼写错误：

// 用枚举统一管理状态，支持Codable方便持久化
enum StashStatus: String, Codable {
    case active = "Active"
    case neutral = "Neutral"
    case inactive = "Inactive"
    
    // 内置状态切换逻辑
    mutating func toggle() {
        switch self {
        case .active:
            self = .neutral
        case .neutral:
            self = .inactive
        case .inactive:
            self = .active
        }
    }
}

class Stash: Codable {
    let name: String
    var status: StashStatus
    
    init(name: String, status: StashStatus = .active) {
        self.name = name
        self.status = status
    }
}

然后把你的数据源数组类型改成[Stash]：

var availableStashes: [Stash] = []

2. 改造UICollectionViewCell，让它根据模型配置UI #

去掉cell自身存储的status属性，改成通过外部传入的模型来配置UI，这样cell复用的时候能直接读取最新状态：

class NGSelectStashCell: UICollectionViewCell {
    @IBOutlet weak var statusImage: UIImageView!
    @IBOutlet weak var bgImage: UIImageView!
    @IBOutlet weak var titleLabel: UILabel!
    
    // 用模型配置cell的所有UI
    func configure(with stash: Stash) {
        titleLabel.text = stash.name
        updateUI(for: stash.status)
    }
    
    // 单独抽离UI更新逻辑，方便复用
    private func updateUI(for status: StashStatus) {
        // 根据状态设置对应的背景图和状态图标，这里假设你的图片名称和状态枚举值对应
        switch status {
        case .active:
            bgImage.image = UIImage(named: "Active_bg")
            statusImage.image = UIImage(named: "Active_icon")
        case .neutral:
            bgImage.image = UIImage(named: "Neutral_bg")
            statusImage.image = UIImage(named: "Neutral_icon")
        case .inactive:
            bgImage.image = UIImage(named: "Inactive_bg")
            statusImage.image = UIImage(named: "Inactive_icon")
        }
    }
}

3. 实现UICollectionView的点击事件与数据源配置 #

修改你的Delegate/DataSource代码，点击时修改模型状态并刷新对应cell，确保状态同步：

extension NewOnlineGameVC: UICollectionViewDelegate, UICollectionViewDataSource {
    func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
        return availableStashes.count
    }
    
    func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
        let stashCell = collectionView.dequeueReusableCell(withReuseIdentifier: "ngStashCell", for: indexPath) as! NGSelectStashCell
        let stash = availableStashes[indexPath.row]
        stashCell.configure(with: stash)
        return stashCell
    }
    
    func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
        // 获取对应位置的模型，直接修改状态（因为是引用类型，修改会同步到数组中）
        let stash = availableStashes[indexPath.row]
        stash.status.toggle()
        
        // 只刷新被点击的cell，避免全局刷新影响性能
        collectionView.reloadItems(at: [indexPath])
        
        // 立刻保存状态到本地，防止丢失
        saveStashesToLocal()
    }
}

4. 实现状态持久化（用UserDefaults） #

添加两个方法，用来把模型数据保存到本地，以及从本地读取初始化：

extension NewOnlineGameVC {
    // 保存到UserDefaults
    private func saveStashesToLocal() {
        do {
            let encoder = JSONEncoder()
            let data = try encoder.encode(availableStashes)
            UserDefaults.standard.set(data, forKey: "SavedStashes")
        } catch {
            print("保存状态失败: \(error)")
        }
    }
    
    // 从UserDefaults读取初始化
    private func loadStashesFromLocal() {
        guard let data = UserDefaults.standard.data(forKey: "SavedStashes") else {
            // 如果没有本地数据，初始化默认的 stash 列表（替换成你自己的初始数据）
            availableStashes = ["Stash1", "Stash2", "Stash3"].map { Stash(name: $0) }
            return
        }
        
        do {
            let decoder = JSONDecoder()
            availableStashes = try decoder.decode([Stash].self, from: data)
        } catch {
            print("读取状态失败: \(error)")
            // 读取失败时初始化默认数据
            availableStashes = ["Stash1", "Stash2", "Stash3"].map { Stash(name: $0) }
        }
    }
}

最后在viewDidLoad里调用读取方法初始化数据源：

override func viewDidLoad() {
    super.viewDidLoad()
    // 其他初始化代码...
    loadStashesFromLocal()
    collectionView.reloadData()
}

为什么这样做？ #

• 状态存在模型中：彻底避免了cell复用导致的状态丢失问题，每次cell显示都会从模型读取最新状态配置UI。
• 枚举规范状态：减少了字符串拼写错误的可能，代码更安全、易维护。
• 本地持久化：App重启或刷新collectionView时，状态不会重置，因为数据存在本地存储中。

内容的提问来源于stack exchange，提问作者dvd.Void