『簡易說明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的程式即可。

--

--