iOS开发实战：UISwitch和UIPickerView的使用技巧

背景简介

• 本篇文章基于iOS开发中关于自定义界面组件的章节内容，探讨如何通过代码实现对 UISwitch 开关组件的颜色定制，以及如何构建和优化 UIPickerView 选择器视图和 UIDatePicker 日期选择器的使用。这些组件是构建iOS应用界面中常用的元素，通过灵活运用它们可以提供更加丰富的用户体验。

UISwitch的颜色定制

• 在iOS开发中， UISwitch 是一个开关组件，通常用于切换开启和关闭状态。在本章提供的代码片段中，展示了如何通过 onTintColor 、 tintColor 和 thumbTintColor 属性来改变开关的开启模式色调、关闭模式色调以及旋钮的色调颜色。
• 颜色的定制虽然简单，但是却能显著地影响应用的视觉体验和用户交互。例如，将 onTintColor 设置为红色、 tintColor 设置为棕色、 thumbTintColor 设置为绿色，虽然不是最佳颜色组合，但能清楚地展示自定义的效果。
• 在实际应用中，开发者需要根据应用的主题色和整体设计风格来合理选择颜色，以达到最佳的用户体验。

示例代码解析

override func viewDidLoad() {
    super.viewDidLoad()
    mainSwitch = UISwitch(frame: CGRect(x: 100, y: 100, width: 0, height: 0))

    // 调整关闭模式色调颜色
    mainSwitch.tintColor = UIColor.redColor()
    // 调整开启模式色调颜色
    mainSwitch.onTintColor = UIColor.brownColor()
    // 同时更改旋钮的色调颜色
    mainSwitch.thumbTintColor = UIColor.greenColor()

    view.addSubview(mainSwitch)
}

使用UIPickerView选择值

• UIPickerView 是iOS应用中用于选择值的组件，它允许用户在一系列值中进行选择，通常用于设置选项或时间等场景。
• 该组件由多个独立的组件组成，每个组件可以看作是一个下拉菜单，其中的每个选项可以视为一行。在本章中，通过创建 UIPickerView 实例，并为其指定数据源和代理，展示了如何构建基本的选择器视图。
• 数据源协议 UIPickerViewDataSource 需要实现的方法包括 numberOfComponentsInPickerView 和 pickerView(_:numberOfRowsInComponent:) ，这些方法用于定义选择器视图的结构，即组件和行的数量。
• 代理协议 UIPickerViewDelegate 则需要实现 pickerView(_:titleForRow:forComponent:) 方法，用于定义每一行显示的具体内容。

示例代码解析

```swift class ViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate { var picker: UIPickerView!

override func viewDidLoad() {
    super.viewDidLoad()
    picker = UIPickerView()
    picker.center = view.center
    picker.dataSource = self
    picker.delegate = self
    view.addSubview(picker)
}

func numberOfComponentsInPickerView(_ pickerView: UIPickerView) -> Int {
    return 1
}

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
    return 10
}

func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String! {
    return "\(row + 1)