SwiftでPickerViewを使う

概要

• PickerViewを始めて使って見る

環境

• Xcode：7.3
• Swift 2.2

使用するオブジェクト

• Picker View
• Label

やること

• Picker Viewで選んだものを Label に表示する

手順

1. プロジェクト作成
2. UIパーツを配置 2−1. ObjectLibraryからLabelとPickerViewをレイアウト 2−2. LabelはnameLabelとする 2-3. PickerViewはnamePickerviewとする
3. ViewController.swift のコーディング

コーディング

• PickerViewDataSource と PickerViewDelegate を追加

class ViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {

• Picker View に表示するリスト作成

    var list = ["森永アイス　ラムネバー　ソーダ味","森永アイス　ラムネバー　白桃ソーダ味","赤城乳業ミント","森永Pinoバニラ","森永Pinoアーモンド","森永Pinoチョコ"]

• Picker View のDataSourceとDelegateをselfにする

    override func viewDidLoad() {
        super.viewDidLoad()
        namePickerview.dataSource = self//これと
        namePickerview.delegate = self//これ
    }

• Picker View の列を１にする

 //Picerviewの列の数は1とする
    func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {
        return 1
    }

• Picker View の行数は配列数にする

    func pickerView(namePickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return list.count
    }

• 表示する文字列を指定する

    func pickerView(namePickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return list.count
    }
    //表示する文字列を指定する
    //PickerViewに表示する配列の要素数を設定する
    func pickerView(namePickerview: UIPickerView, titleForRow row: Int, forComponent component: Int)-> String! {
        return list[row]
    }

• Labelに表示する

    //ラベル表示
    func pickerView(namePickerview: UIPickerView, didSelectRow row: Int, inComponent component: Int){
        nameLabel.text = list[row]
    }

ソースコード

import UIKit

class ViewController: UIViewController, UIPickerViewDataSource, UIPickerViewDelegate {

    @IBOutlet weak var nameLabel: UILabel!
    @IBOutlet weak var namePickerview: UIPickerView!

    var list = ["森永アイス　ラムネバー　ソーダ味","森永アイス　ラムネバー　白桃ソーダ味",
                "赤城乳業ミント","森永Pinoバニラ","森永Pinoアーモンド","森永Pinoチョコ"]
    override func viewDidLoad() {
        super.viewDidLoad()
        namePickerview.dataSource = self
        namePickerview.delegate = self
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    //Picerviewの列の数は1とする
    func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int {
        return 1
    }

    func pickerView(namePickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return list.count
    }
    //表示する文字列を指定する
    //PickerViewに表示する配列の要素数を設定する
    func pickerView(namePickerview: UIPickerView, titleForRow row: Int, forComponent component: Int)-> String! {
        return list[row]
    }

    //ラベル表示
    func pickerView(namePickerview: UIPickerView, didSelectRow row: Int, inComponent component: Int){
        nameLabel.text = list[row]
    }

}