1. 程式人生 > >2.17 在表單行左側新增單選和複選元件 [iOS開發中的神兵利器]

2.17 在表單行左側新增單選和複選元件 [iOS開發中的神兵利器]

1. 本節課將為您演示,如何製作具有單選和多選功能的表單行。首先在左側的專案導航區,開啟檢視控制器的程式碼檔案。 



2. 現在開始編寫程式碼,實現單選和多選表單行的功能。 


3. 在當前的類檔案中,引入已經安裝的第三方類庫。 


4. 然後修改當前檢視控制器類的父類的名稱。 


5. 建立一個字串陣列。 


6. 在表單中新增一個可選的選擇區域。 


7. 然後設定該區域頭部的內容。 


8. 接著通過一個迴圈,遍歷字串陣列。 


9. 繼續在表單的底部新增一個選擇行。 


10. 依次設定選擇行的標題、可選的值和預設的值。 


11. 以上建立了一個單選區域。接著建立一個多選區域,同樣先建立一個字串陣列。 


12. 在表單中新增一個可選的選擇區域,並設定選擇區域的型別為多項選擇。 



13. 接著通過一個迴圈,遍歷字串陣列。 


14. 繼續在表單的底部新增一個選擇行。 


15. 使用相同的方式,依次設定選擇行的標題、可選的值和預設的值。 


16. 對單元格執行設定操作。 


17. 分別設定單元格被選中和未被選中時的標識圖片。接著點選左上角的[編譯並執行]按鈕,啟動模擬器預覽專案。 


18. 在表單中點選單選圖示,可以選擇該表單行。 


19. 當點選其它單選圖示時,原來的表單行將被取消選擇。 


20. 當再次點選處於選擇狀態的圖示時,可以取消當前的選擇。 


21. 在複選圖示上點選,選擇當前的表單行。 


22. 在其它複選圖示上點選,同時選擇多個表單行。 


本文整理自:《app開發中的神兵利器》,真正的

[手把手]教學模式,用最快的速度上手iOS開發,蘋果商店App Store免費下載:https://itunes.apple.com/cn/app/id1209739676,或掃描本頁底部的二維碼。課程配套素材下載地址:資料下載