如何在UIPickerView滚动时捕获中间行的实时数据？

我来帮你搞定这个困扰——确实，didSelectRow(_:inComponent:)只会在用户停止滚动、确认选中某一行的时候才会触发，想用它来做滚动过程中的实时UI更新完全行不通。而且你尝试用Timer轮询的思路也走不通，因为滚动时didSelectRow根本不会更新。

其实换个角度想就好办了：UIPickerView本质是UIScrollView的子类，我们可以利用UIScrollView的代理方法来监听滚动状态，实时计算当前中间位置对应的行索引，这样就能拿到滚动过程中经过的中间行数据了。

具体实现步骤： #

• 让你的控制器同时遵守UIScrollViewDelegate协议：因为UIPickerView继承自UIScrollView，所以它的代理可以同时处理UIPickerView和UIScrollView的回调。
• 实现scrollViewDidScroll(_:)方法：这个方法会在滚动的整个过程中持续被调用，我们就在这里计算当前滚动位置对应的中间行。
• 计算中间行的索引：
  1. 先获取pickerView每行的高度（用rowSize(forComponent:)方法）。
  2. 用scrollView的contentOffset.y除以行高，得到一个浮点值，这个值就是当前滚动位置对应的行的近似值。
  3. 对这个浮点值做四舍五入，就能得到视觉上处于中间位置的行索引（因为picker的选中指示器默认在中间）。
  4. 如果是多列picker，需要对每个component单独计算。

完整示例代码 #

class YourPickerVC: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource, UIScrollViewDelegate {
    
    let pickerView = UIPickerView()
    // 示例数据源
    let pickerData = ["苹果", "香蕉", "橙子", "葡萄", "西瓜", "草莓"]
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupPickerView()
    }
    
    private func setupPickerView() {
        pickerView.delegate = self
        pickerView.dataSource = self
        pickerView.showsSelectionIndicator = true
        // 把picker加到视图并布局（这里用AutoLayout示例）
        pickerView.translatesAutoresizingMaskIntoConstraints = false
        view.addSubview(pickerView)
        NSLayoutConstraint.activate([
            pickerView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            pickerView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            pickerView.widthAnchor.constraint(equalToConstant: 300)
        ])
    }
    
    // MARK: - UIPickerView 数据源方法
    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]
    }
    
    // MARK: - UIScrollView 代理方法（核心）
    func scrollViewDidScroll(_ scrollView: UIScrollView) {
        // 确保是我们的pickerView触发的滚动
        guard scrollView === pickerView else { return }
        
        let targetComponent = 0 // 多列的话需要遍历所有component
        let rowHeight = pickerView.rowSize(forComponent: targetComponent).height
        let scrollOffsetY = scrollView.contentOffset.y
        
        // 计算当前中间行的索引，四舍五入保证是视觉中间的行
        let currentRowFloat = scrollOffsetY / rowHeight
        let currentRowIndex = Int(round(currentRowFloat))
        
        // 确保索引在数据源的有效范围内，防止越界
        guard currentRowIndex >= 0 && currentRowIndex < pickerData.count else { return }
        
        // 拿到当前中间行的数据，这里就可以更新你的UI了
        let currentItem = pickerData[currentRowIndex]
        print("滚动中当前中间行：\(currentItem)")
        // 比如更新某个label的文本
        // yourDisplayLabel.text = currentItem
    }
}

一些注意点： #

• 如果你的picker是多列的，需要遍历每个component，分别计算每一列的中间行索引。
• 如果计算出来的行索引有偏差，可以尝试调整计算方式，比如(scrollOffsetY + rowHeight/2) / rowHeight再取整，这取决于你的picker布局和行高设置。
• 完全不需要Timer，scrollViewDidScroll会在滚动时持续触发，效率比Timer高得多，也更准确。

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