『簡易說明Xcode』Object Library的Date Picker
Date Picker是讓使用者可以快速選擇時間與日期的一個功能, 可選時間、日期、時間與日期和倒數計時。相信各位因該都在iphone或是ipad用過這功能,例如行事曆新增行程時,就是用Date Picker來製作的。
Apple官方說明文件:
範例如下:
Step1:從Object Library拉一個Date Picker到View內。
- Mode:只顯示時間、只顯示日期、顯示日期與時間和倒數計時器。
- Locale:設定顯示語系。
- Interval:設定時間間隔,單位是分鐘。
- Date:設定預設顯示的日期時間。
- MinimumDate:可以選擇的最早日期時間。
- MaximumDate:可以選擇的最晚日期時間。
Step2:從Object Library拉一個Text Field到View內,設定Font為30,置中顯示。
Step3:選擇Assistant Editor『如下圖示步驟1』,按control後選擇Text Field,並用滑鼠拖曳到ViewController.swift的ViewController內的空白區塊『如下圖示步驟2』,放掉滑鼠後會顯示一個對話視窗,裡面需要設定Name為myText(這可以自行定義)『如下圖示步驟3』。
Step4:再按control後選擇Date Picker,並用滑鼠拖曳到ViewController.swift的ViewController內的空白區塊『如下圖示步驟1』,放掉滑鼠後會顯示一個對話視窗,裡面需要設定Name為myDatePickerValue(這可以自行定義)『如下圖示步驟2』。(這是為了在程式中取得DatePicker的Value所做的連結)
Step5:一樣再按control後選擇Date Picker,並用滑鼠拖曳到ViewController.swift的ViewController內的空白區塊『如下圖示步驟1』,放掉滑鼠後會顯示一個對話視窗,裡面需要設定Connection為Action,因為是選擇後觸發的行為,所以選擇Action,Name設定為myDatePickerAction(這可以自行定義),Type要改為UIDatePicker,因為我們是從Date Picker做連結的『如下圖示步驟2』,最後選擇Standard Editor只顯示storyboard『如下圖示步驟3』。(這是為了在程式中取得使用者調整DatePicker時動作的連結)
Step6:切換到ViewController.swift,增加一些簡單的程式碼,來讓Text Field顯示使用者所選取的當前值。只需要在func mydatePickerAction()內增加更換text的程式即可。