2.11 建立星期選項表單和擁有Float標籤的文字框 [iOS開發中的神兵利器]
阿新 • • 發佈:2019-01-27
1. 本節課將為您演示如何建立一個星期表單,以及擁有浮動標籤的文字框。首先開啟上一節下載的示例資料夾。
2. 然後將需要使用到的星期樣式的表單介面檔案,拖動到我們的專案中。
3. 在彈出的檔案匯入確認視窗中,點選完成按鈕,確認檔案的匯入。
4. 然後在左側的專案導航區,開啟檢視控制器的程式碼檔案。
5. 現在開始編寫程式碼,實現本節課的功能。
6. 首先在當前的類檔案中,引入已經安裝的第三方類庫。
7. 然後修改當前檢視控制器類的父類的名稱。
8. 建立一個新的表單。
9. 然後在表單中新增一個段落,並設定段落的標題文字。
10. 新增一個星期行。
11. 然後設定該行的標題和預設值,在預設情況下,週一、週三和週五將處於選擇狀態。
12. 新增一個具有浮動標籤的文字行,並設定標題的文字內容。
13. 接著新增一個具有浮動標籤的資料行,並設定該行的標題的文字內容。
14. 初始化一個按鈕控制元件,當點選該按鈕時,獲取表單中的資料。
15. 設定按鈕的背景顏色為橙色。
16. 設定按鈕在正常狀態下的標題文字。
17. 接著給按鈕控制元件繫結點選事件。
18. 然後將按鈕控制元件新增到根檢視中。
19. 新增一個方法,用來響應按鈕的點選事件。
20. 獲得表單中的資料,然後在控制檯輸出這些資料。接著點選左上角的[編譯並執行]按鈕,啟動模擬器預覽專案。
21. 在表單最上面的一行,顯示了從星期天至星期六的七個日期。頂部有對號標識的,表示該日期處於選擇狀態。點選一個日期可以切換它的選擇狀態。
22. 接著點選另外一個日期。
23. 然後在擁有浮動標籤的文字框上點選,使文字框獲得焦點。
24. 此時點選鍵盤提示區的一個單詞,以輸入該內容。
25. 此時浮動標籤將自動縮小,並跳轉到文字框的左上角。點選右側的清除按鈕,可以清除文字框裡的內容。
26. 點選完成按鈕,關閉當前的鍵盤。
27. 接著點選底部的按鈕,在控制檯輸出當前表單中的資料。
本文整理自:《app開發中的神兵利器》,真正的[手把手]教學模式,用最快的速度上手iOS開發,蘋果商店App Store免費下載:https://itunes.apple.com/cn/app/id1209739676,或掃描本頁底部的二維碼。課程配套素材下載地址: