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

延伸閱讀本站文章

更多swift相關文章

Swift UIPickerView使用🎨 - 滾輪選擇器教學

Categorized in:

Tagged in:

,