【Swift】Picker Viewを実装する方法

この記事ではSwiftでPicker Viewを実装する方法をご紹介します。

Swift5,iOS13,Xcode11です。

まずは、Picker Viewをストーリーボードに配置します。

次にコードを書いていきます。

ViewControllerに２つのクラスを継承して、ストーリーボードからpickerViewという名前でコードに接続します。

class SettingVC: UIViewController , UIPickerViewDataSource, UIPickerViewDelegate{
    
    private var dataSource = ["hoge","fuga","bohu"]
    var selected = ""
    @IBOutlet weak var pickerView: UIPickerView!

dataSourceは表示する選択肢です。Stringの配列として用意します。

viewDidLoadのタイミングで、pickerViewを以下のように設定します。

    override func viewDidLoad() {
        pickerView.dataSource = self
        pickerView.delegate = self
　　　　}

最後に４つの関数を実装していきます。

• ユーザがPickerViewで選択できる数、今回は１つ
• 選択肢の数、今回は３つ
• 選択したときに処理する内容、選択した行番号をselectedに保存しています。
• 選択肢に表示する内容、配列の中身を表示するようにしています。

    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }
    
    func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        dataSource.count
    }
    
    func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
        selected = dataSource[row]
    }
    
    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return dataSource[row]
    }

以上です。お疲れ様でした。