(iOS) UIControl - Picker View

Picker View

PikcerView는 슬롯머신 형태이며 Wheel을 돌려서 데이터를 선택할 수 있는 기능을 제공한다.

Date picker 와 Picker view는 비슷한 형태와 기능을 갖지만 구현할때는 큰 차이점이 있다. Date picker는 형태만 잡아주면 알아서 데이터를 가져오지만, picker view는 개발자가 직접 대부분을 구현해야한다.

pickerView는 Delegate, Datasource를 지정해주어야한다.

 

 

Datasource

func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return (<Int>)
} // 나타낼 돌림판의 개수(components)리턴

func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
        return (<Int>)
} // 돌림판 속의 요소 개수 (row)

 

 

Delegate

func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return (<String?>)
} // 각 row에 들어갈 title을 string형태로 리턴한다.

또한 항목(row)가 선택 될때마다 함수를 호출해주는 메서드도있다.

func pikcerView(_ pickerView : UIPickerView, didSelectRow row: Int, inComponent component:Int){
  // 현재 선택된 인덱스가 row에 들어온다.
  print(dataList[row]) // 현재 선택된 항목 출력하기
}

 

 

선택된 항목 (selectedRow)

selectedRow(imComponent: Int) 메서드를 통해 현재 선택된 row를 알 수있다.

@IBOutlet weak var pickerView: UIPickerView!

let pickedRow = pickerView.selectedRow(inComponent: 0)

pickedRow에 선택된 row가 들어간다.

(만약 선택되지 않았다면 -1이 리턴된다.)

 

 

---

import UIKit

class ViewController: UIViewController {

    let dataList = ["1","2","3","4","5"]
    @IBOutlet weak var pickerView: UIPickerView!


    @IBAction func picked(_ sender: Any) {
        let pickedRow = pickerView.selectedRow(inComponent: 0)
        print("선택된 row : ",pickedRow)
    }

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

extension ViewController : UIPickerViewDelegate, UIPickerViewDataSource {
    func numberOfComponents(in pickerView: UIPickerView) -> Int {
        return 1
    }

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

    func pickerView(_ pickerView: UIPickerView, titleForRow row: Int, forComponent component: Int) -> String? {
        return dataList[row]
    }

}