#97 UIPickerView 練習

目的: 學習使用 UIPickerView。

基本題

• 在畫面上顯示單欄的 Picker View。

提示:

UIPickerViewDataSource | Apple Developer Documentation

pickerView(_:numberOfRowsInComponent:) | Apple Developer Documentation

numberOfComponents(in:) | Apple Developer Documentation

UIPickerViewDelegate | Apple Developer Documentation

pickerView(_:titleForRow:forComponent:) | Apple Developer Documentation

• 滑動 Picker View 時更新欄位內容。

範例: 練習選擇身高。

提示:

pickerView(_:didSelectRow:inComponent:) | Apple Developer Documentation

• 在畫面上顯示多欄的 Picker View。

進階題

• 點選畫面後顯示 Picker View。

• Picker View 的上方加入包含完成 & 取消 button 的 bar，按下完成時更新畫面的內容。

• 顯示多欄的 Picker View，第二欄的 picker view 隨著第一欄而變化。

範例: 選擇火車起站或台灣行政區。

台灣行政區 JSON 解析

作品集

#25 UIPickerView｜日本地名選擇

#36 用 UIPickerView, UITapGestureRecognizer選擇聖經經文

#How to use UIPickerView in Swift

Swift Practice # 65 Delegate與Datasource初探，UIPickerView顯示城市與行政區名