Swift UIPickerView使用🎨 – 滾輪選擇器教學
Swift UIPickerView 介紹
UIPickerView 是 iOS 中一個常見的 UI 元件,它可以讓使用者從一個列表中選擇一個選項,就像一個滾輪選擇器。UIPickerView 可以讓你的 App 更加的友善,讓使用者可以更容易的選擇自己想要的選項。
UIPickerView 如何使用
使用 UIPickerView 需要先將它加入到你的 View Controller 中,可以在 Storyboard 中將它拖拉到你的 View Controller 中,也可以在程式碼中使用 UIPickerView() 來建立一個 UIPickerView 物件。
接著,你需要宣告一個 UIPickerViewDelegate 和 UIPickerViewDataSource 的物件,並將它們設定給 UIPickerView,這樣 UIPickerView 才能知道它要顯示什麼資料,以及使用者選擇了什麼資料。
class ViewController: UIViewController, UIPickerViewDelegate, UIPickerViewDataSource {
@IBOutlet weak var pickerView: UIPickerView!
override func viewDidLoad() {
super.viewDidLoad()
pickerView.delegate = self
pickerView.dataSource = self
}
}
接著,你需要實作 UIPickerViewDelegate 和 UIPickerViewDataSource 的方法,讓 UIPickerView 知道要顯示什麼資料,以及使用者選擇了什麼資料。
// MARK: - UIPickerViewDataSource
func numberOfComponents(in pickerView: UIPickerView) -> Int {
return 1
}
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
return 10
}
// MARK: - UIPickerViewDelegate
func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
return "Row \(row)"
}
func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
print("Selected row: \(row)")
}
最後,你可以在 View Controller 中設定 UIPickerView 的其他屬性,例如背景顏色、文字顏色等等,讓 UIPickerView 看起來更加的美觀。
總結
UIPickerView 是 iOS 中一個常見的 UI 元件,它可以讓使用者從一個列表中選擇一個選項,就像一個滾輪選擇器。使用 UIPickerView 需要先將它加入到你的 View Controller 中,並宣告一個 UIPickerViewDelegate 和 UIPickerViewDataSource 的物件,並將它們設定給 UIPickerView,接著實作 UIPickerViewDelegate 和 UIPickerViewDataSource 的方法,讓 UIPickerView 知道要顯示什麼資料,以及使用者選擇了什麼資料,最後,你可以在 View Controller 中設定 UIPickerView 的其他屬性,讓 UIPickerView 看起來更加的美觀。
推薦閱讀文章
Swift UIPickerView 介紹
Swift UIPickerView 使用🎨 – 滾輪選擇器教學
Swift UIPickerView 使用 – 滾輪選擇器教學
UIPickerView 教學 – 入門指南
如何使用 UIPickerView</a