2.9 使用Eureka快速優雅地建立一個漂亮的表單 [iOS開發中的神兵利器]
阿新 • • 發佈：2019-01-23
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. 然後獲得使用者在該位置輸入的內容。
28. 在控制檯輸出該內容。
29. 接著獲得使用者在表單所有元素的輸入內容，該內容是一個字典物件，同樣在控制檯輸出該內容。點選左上角的[編譯並執行]按鈕，啟動模擬器預覽專案。
30. 在彈出的模擬器中，已經建立一個具有兩個段落的表單。在文字框內點選，使文字框獲得焦點。
31. 然後在鍵盤上點選按鍵，輸入所需的內容。
32. 繼續點選輸入其它的字元。
33.
34.
35. 然後在手機號碼輸入框內點選，使該輸入框獲得焦點。
36. 此時鍵盤自動轉換成電話號碼輸入模式，點選一個數字開始輸入手機號碼。
37. 繼續點選輸入其它的數字。
38.
39. 在日期行點選，可以彈出日期拾取器。
40. 然後在月份列點選，選擇一個月份。
41. 接著在天數列點選，選擇一個天數。
42. 點選完成按鈕，完成日期的設定。
43. 然後點選表單底部的按鈕，在控制檯輸出表單中的所有使用者輸入的內容。
本文整理自：《app開發中的神兵利器》，真正的[手把手]教學模式，用最快的速度上手iOS開發，蘋果商店App Store免費下載：https://itunes.apple.com/cn/app/id1209739676，或掃描本頁底部的二維碼。課程配套素材下載地址：資料下載
