iOS Swift UIPickerView 使用记录

UIPickerView的使用

项目中想实现一个日期选择器的效果，但普通的UIDatePickerView不能满足实际的应用，比如中间的选择框颜色调节，选择列的弯曲度调节等等，因此采用UIPickerView来实现。

一些基本应用（苹果官方手册中）

此处记录一些常用的苹果官方提供的属性修改接口：
1.在视图选取器中选择行
func selectRow(Int, inComponent: Int, animated: Bool)
在选取器视图的指定组件中选择一行。
func selectedRow(inComponent: Int) -> Int
返回给定组件中选定行的索引。
2.重新加载视图选择器
func reloadAllComponents()
重新加载选择器视图的所有组件。
func reloadComponent(Int)
重新加载选择器视图的特定组件。
3.获取视图选择器的尺寸
var numberOfComponents: Int
选择器视图的组件数。
func numberOfRows(inComponent: Int) -> Int
返回组件的行数。
func rowSize(forComponent: Int) -> CGSize
返回组件的行大小。
4.为选取器视图提供计数
func numberOfComponents(in: UIPickerView) -> Int
在需要组件数量时由选取器视图调用。必需的。
func pickerView(UIPickerView, numberOfRowsInComponent: Int) -> Int
Called by the picker view when it needs the number of rows for a specified component.
必需的。

参考链接: 苹果官方手册链接.

---

UIPickerView的中间选择框问题

在ios14前，UIPickerView的选择框默认中间有两条选择线

在ios14后，UIPickerVIew的选择框变为灰色的矩阵

在ios14前，选择框的两条线分别对应subviews[1]和subviews[2]，在ios14后，选择框的灰色区域对应subviews[1]，因此可以通过如下代码进行修改：

            //隐藏中间两条分割线
            if pickerView.subviews.count > 2{
                pickerView.subviews[1].isHidden = true
                pickerView.subviews[2].isHidden = true
            }else{
                pickerView.subviews[1].backgroundColor = .clear
            }

            //修改选中行的背景色
            for subView in pickerView.subviews {
                if subView.subviews.count != 0 {
                    let contentViews = subView.subviews[0]
                    for rowView in contentViews.subviews {
                        if rowView.center.y == contentViews.center.y {
                            //背景view
                            rowView.backgroundColor = .clear
                            break
                        }
                    }
                    break
                }
            }

同样的为满足需求，可以在UIPickerView外层套一个UIView视图，使其达到中间选择框的效果。

参考链接: 中间选择框的颜色分割线等的更改.

---

UIPickerView的两边列弯曲问题

原理： 苹果系统原生的UIPickerView和UIDataPickerView类似若添加较多列后，左右两边的列会自带弯曲效果，这个效果改动起来较为困难，因此为了实现多列竖直的效果，此处采用了定义多个PickerView共同联动的效果，以达到垂直排列，在多列UIPickerView的代理方式和一个PickerView的方式相似，比如定义YearPickerView、MonthPickerView以及DayPickerView三个UIPickerView：

    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        //根据列、行索引判断需要改变数据的区域
        if pickerView == YearPickerView{
        //dosomething
        return 1
        }else if pickerView == MonthPickerView{
        //dosomething
        return 2
        }else{
        //dosomething
        return 3
        }
        return 1
    }    

---

Row选项无限滚动问题

原理： 此实现较为简单，本质逻辑是给PickerView的行赋值的数据源非常庞大，PickerView的行数非常多，在开始的时选择栏置于数据源中部，以至于用户无法一下滑到底部，并在用户停止滑动时，将选择栏重新返回中部，并关闭此处的动画效果，以实现视觉上的无限滚动效果。

        for year in 1900 ... 2100 {Year.append(year)}
        for _ in 1 ... 1000 {Yearshow += Year}  //Yearshow是重复1000次的大数组

        YearIndex = SelectedYear - Year[0] + Yearshow.count/2   //设定Index位于数组中部

参考链接: 实现单列PickerView的无限滚动.

---

时间选择器中时间的回溯

原理： 将选中的时间和今天的日期进行比较，如果选择的日期是一个未来的时间，则改变选择值

    func futuredaycomeback() -> Bool {
        let now = SelectedYear*1000 + SelectedMonth*100 + SelectedDay
        let today = todaydate[0]*1000 + todaydate[1]*100 + todaydate[2]
        if(now>today){
            SelectedYear = todaydate[0]
            SelectedMonth = todaydate[1]
            SelectedDay = todaydate[2]
            YearIndex = SelectedYear - Year[0] + Yearshow.count/2
            MonthIndex = SelectedMonth - 1 + Monthshow.count/2
            DayIndex = SelectedDay - 1 + Dayshow[daytypechose()].count/2
            return true
        }
        return false
    }

---