多UIPickerView绑定UICollectionView同步滚动异常问题求助

这个问题我之前也踩过坑！核心原因就是UICollectionView的Cell重用机制——当你滚动到第5个Cell时，它其实是复用了第1个Cell的实例，两个Cell里的UIPickerView共享了相同的数据源/代理逻辑，才会出现滚动同步的情况。下面是具体的解决步骤：

1. 让每个CollectionViewCell持有独立的PickerView配置 #

不要让多个PickerView共享同一个全局数据源数组或者代理对象。可以给自定义的UICollectionViewCell添加专属的属性：

class PickerCollectionViewCell: UICollectionViewCell, UIPickerViewDataSource, UIPickerViewDelegate {
    // 每个Cell独立的PickerView数据源
    var pickerData: [String] = []
    // 记录当前Cell对应的选中行
    var selectedRow: Int = 0
    // 回调闭包，传递选中事件给外部
    var onSelectionChanged: ((Int, String) -> Void)?
    
    lazy var pickerView: UIPickerView = {
        let picker = UIPickerView()
        picker.dataSource = self
        picker.delegate = self
        return picker
    }()
    
    // MARK: - UIPickerView DataSource & Delegate
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return pickerData.count
    }
    
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return pickerData[row]
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        selectedRow = row
        onSelectionChanged?(row, pickerData[row])
    }
    
    // 处理Cell重用时的状态重置
    override func prepareForReuse() {
        super.prepareForReuse()
        // 清空之前的数据源，重置选中行
        pickerData.removeAll()
        selectedRow = 0
        pickerView.reloadAllComponents()
    }
}

2. 在ViewController中正确配置每个Cell #

在collectionView(_:cellForItemAt:)方法里，根据当前indexPath给Cell的PickerView设置专属数据和选中状态：

// 全局存储每个PickerView的数据源和选中状态
var pickerDataSource: [[String]] = []
var pickerSelectedRows: [Int] = []

func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "PickerCell", for: indexPath) as! PickerCollectionViewCell
    
    // 根据indexPath设置每个Cell独有的数据源
    cell.pickerData = pickerDataSource[indexPath.item]
    // 恢复之前保存的选中行状态
    cell.selectedRow = pickerSelectedRows[indexPath.item]
    // 刷新PickerView并设置选中行
    cell.pickerView.reloadAllComponents()
    cell.pickerView.selectRow(cell.selectedRow, inComponent: 0, animated: false)
    
    // 绑定选中事件回调，更新全局的选中状态数组
    cell.onSelectionChanged = { [weak self] row, _ in
        guard let self = self else { return }
        self.pickerSelectedRows[indexPath.item] = row
    }
    
    return cell
}

3. 关键注意点 #

• 绝对不要在全局范围内设置UIPickerView的数据源/代理，一定要让每个Cell自己承担数据源和代理角色
• 必须在prepareForReuse()里重置PickerView的状态，避免复用旧Cell的残留数据
• 用独立的数组保存每个PickerView的选中状态，不要用单一变量存储，确保每个PickerView的状态独立

为什么会出现同步滚动？ #

UICollectionView为了性能会重用Cell实例，比如第5个Cell其实是第1个Cell滚出屏幕后被复用的。如果你的PickerView没有绑定到当前Cell的专属数据，复用后就会和原来的Cell共享相同的数据源/选中状态，导致滚动时两个PickerView同步变化。

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