선택과제를 하기에 앞서 UI요소 중 PickerView라는 것을 먼저 알아보자
우선 PickerView가 뭔지 알아야 하기 때문에 예시 사진을 첨부한다.
오전, 오후 그리고 시간을 정하는 부분이 PickerView
다
위에 예시는 따로 커스텀을 한 것이고
나는 가장 기본적인 것을 알아볼 것이다.
우선 스토리보드에서 UITextField
를 추가해주고
@IBOutlet
으로 연결해준다
그리고 테이블 뷰 때처럼 인터페이스들을 추가해준다.
기본적으로 포함되는 메서드도 추가해주자.
추가한 인터페이스는 다음과 같다
UITextFieldDelegate
, UIPickerViewDelegate
, UIPickerViewDataSource
그리고 더미데이터로 쓸 데이터도 넣어주자
let cars = let cars = ["porche", "mercedes", "bmw", "audi", "genesis", "hyundai", "Kia"]
이제 메서드를 살펴보면서 필요한 코드들을 작성하자
func numberOfComponents(in pickerView: UIPickerView) -> Int {
return 1
}
numberOfComponents()
메서드는 하나의 피커뷰에서 선택 가능한 리스트를 몇개 보여줄 것인지 정하는 메서드다.
나는 한개만 보여줄 것이기 때문에 1
을 반환하는것으로 작성했다.
func pickerView(_ pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int {
return cars.count
}
다음은 pickerView
에 표시될 항목의 개수를 정하는 메서드
더미데이터 배열의 요소 수만큼 보여줄 것이기에 .count
메서드를 써서 개수를 반환했다.