1. 程式人生 > >2.11 建立星期選項表單和擁有Float標籤的文字框 [iOS開發中的神兵利器]

2.11 建立星期選項表單和擁有Float標籤的文字框 [iOS開發中的神兵利器]

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,或掃描本頁底部的二維碼。課程配套素材下載地址:

資料下載