Swift 自定義 UIDatePicker

Brocadecarp發表於2018-04-23
SwiftUI

UIDatePicker是個很好用的控制元件，但是有時候UI設計的樣式和UIDatePicker的樣式完全不同，那麼這個時候我們該怎麼辦呢？接下來就分享給大家 比如這個樣式

74C322CC-0D34-430D-BB43-9FAEA9BAEF53.png

// 擴充套件UIDatePicker類
extension UIDatePicker {
    // 去掉中間 row 上的分割線
    func clearSepearatorLine() {
        for subView in self.subviews {
            if subView.isKindOfClass(UIPickerView) {
                for sub in subView.subviews {
                    if sub.frame.size.height < 1 {
                        sub.hidden = true
                    }
                }
            }
        }
    }
    
   // 設定中間 row 上的背景顏色
    func selectBackgroundColor() {
        let selectView = self.subviews[0]
        let colorView = UIView(frame: CGRectMake(0, 0, selectView.width, 34))
        colorView.backgroundColor = UIStyles.getThemeColor()
        colorView.alpha = 0.2
        colorView.center = selectView.center
        selectView.addSubview(colorView)
    }
}
複製程式碼

方法寫好了直接在初始化 UIDatePicker 的地方呼叫就好了

datePicker.clearSepearatorLine()
datePicker.selectBackgroundColor()
複製程式碼

線和選中 row 的背景顏色去掉了，那麼我們要設定 picker 上的字的顏色怎麼辦呢？ 很簡單，一句程式碼就搞定了 datePicker.setValue(UIStyles.getThemeColor(), forKey: "textColor") 其中我寫的 UIStyles.getThemeColor() 是自定義的一個類來獲取的顏色喲，大家直接用 UIColor 設定顏色就好，如果大家還有什麼更好的方法，歡迎分享哦 ~ (^__^) 嘻嘻……

相關文章