iOS UIPickerView 循环

在iOS开发中，UIPickerView是一种常用的用户界面控件，它用于展示可供用户选择的多个选项。默认情况下，UIPickerView的选项是线性排列的，也就是说当滑动到最后一个选项时，不能再滑动到第一个选项。然而，在某些情况下，我们可能需要实现一个循环的UIPickerView，即当滑动到最后一个选项时，继续滑动会回到第一个选项。本文将介绍如何实现一个循环的UIPickerView，并提供相应的代码示例。

实现循环的UIPickerView

为了实现循环的UIPickerView，我们需要重写一些UIPickerViewDelegate和UIPickerViewDataSource的方法。具体来说，我们需要重写以下方法：

1. pickerView(_:numberOfRowsInComponent:)：返回指定组件中选项的数量。

   func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
       // 返回选项的数量
   }
   

2. pickerView(_:viewForRow:forComponent:reusing:)：返回指定组件和行的视图。

   func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
       // 返回视图
   }
   

3. pickerView(_:didSelectRow:inComponent:) ：当用户选择了某行时调用。

   func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
       // 处理选择事件
   }
   

在重写这些方法时，我们需要根据选项的数量来生成循环滚动的效果。具体的实现方式是使用取模运算符（%）来计算行号，并返回相应的选项。

下面是一个示例代码，展示了如何实现一个循环的UIPickerView，其中有两个组件，每个组件中有10个选项：

import UIKit

class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {

    let numberOfComponents = 2
    let numberOfItems = 10

    override func viewDidLoad() {
        super.viewDidLoad()
        
        let pickerView = UIPickerView()
        pickerView.delegate = self
        pickerView.dataSource = self
        view.addSubview(pickerView)
    }
    
    // MARK: - UIPickerViewDelegate
    
    func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView {
        let label = UILabel()
        label.textAlignment = .center
        label.text = "\(row % numberOfItems)"
        return label
    }
    
    // MARK: - UIPickerViewDataSource
    
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return numberOfComponents
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return numberOfItems * 1000 // 设置足够大的行数，以实现循环效果
    }
    
    // MARK: - UIPickerViewDelegate
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        let selectedRow = row % numberOfItems
        print("Selected row: \(selectedRow)")
    }

}

在上述代码中，我们通过numberOfItems变量来定义每个组件中的选项数量，并通过numberOfComponents变量来定义组件的数量。在pickerView(_:numberOfRowsInComponent:)方法中，我们将返回的行数设置为numberOfItems * 1000，以确保有足够的行数来实现循环滚动效果。在pickerView(_:viewForRow:forComponent:reusing:)方法中，我们使用取模运算符来计算行号，并在标签中显示相应的选项值。在pickerView(_:didSelectRow:inComponent:)方法中，我们将选中的行号取模以获取真实的选项值。

类图

下面是本文所介绍的循环的UIPickerView的类图：

classDiagram
    class UIPickerView {
        <<delegate>>
        <<dataSource>>
        pickerView(_:numberOfRowsInComponent:)
        pickerView(_:viewForRow:forComponent:reusing:)
        pickerView(_:didSelectRow:inComponent:)
    }

    class ViewController {
        UIPickerViewDelegate
        UIPickerViewDataSource
        <<override>>
        numberOfComponents(in pickerView: UIPickerView) -> Int
        pickerView(_:numberOfRowsInComponent:) -> Int
        pickerView(_:viewForRow:forComponent:reusing:) -> UIView
        pickerView(_:didSelectRow:inComponent:)
    }

    UIPickerView <|.. ViewController