1. 本節(jié)課將為您演示,如何在表格視圖中,添加一個(gè)自定義的單元格。首先創(chuàng)建一個(gè)自定義的單元格類(lèi),在項(xiàng)目文件夾上點(diǎn)擊鼠標(biāo)右鍵,彈出右鍵菜單。
2. 在彈出的右鍵菜單中,選擇創(chuàng)建新文件選項(xiàng)。
3. 然后在彈出的文件模板選擇窗口中,保持默認(rèn)的選項(xiàng),接著點(diǎn)擊下一步按鈕,進(jìn)入下一步設(shè)置頁(yè)面。
4. 在類(lèi)名輸入框內(nèi),輸入類(lèi)的名稱(chēng)。
6. 點(diǎn)擊下一步按鈕,進(jìn)入下一步設(shè)置頁(yè)面。
7. 保持默認(rèn)的文件存儲(chǔ)位置 ,點(diǎn)擊創(chuàng)建按鈕,完成文件的創(chuàng)建。
8. 現(xiàn)在開(kāi)始編寫(xiě)代碼,往自定義單元格中添加一些控件。
9. 該單元格中擁有三個(gè)子元素,分別是左側(cè)的縮略圖、中間的標(biāo)題和右側(cè)的細(xì)節(jié)按鈕。
10. 然后重寫(xiě)單元格的初始化方法,在該方法中對(duì)單元格進(jìn)行自定義操作。
11. 首先實(shí)現(xiàn)父類(lèi)的初始化方法。
12. 接著初始化縮略圖對(duì)象,用來(lái)顯示項(xiàng)目中的一張圖片。
13. 設(shè)置縮略圖在單元格中的顯示區(qū)域,位于單元格的左側(cè)。
14. 然后初始化標(biāo)題標(biāo)簽,并設(shè)置該標(biāo)簽的顯示區(qū)域。
15. 依次設(shè)置標(biāo)簽的文字內(nèi)容,和字體的外觀屬性。
16. 接著初始化細(xì)節(jié)按鈕控件,并設(shè)置按鈕的顯示區(qū)域,位于單元格的右側(cè)。
17. 設(shè)置按鈕在正常狀態(tài)下的標(biāo)題文字,以及標(biāo)題文字的字體屬性。
19. 然后設(shè)置按鈕的層的圓角半徑為10,從而創(chuàng)建一個(gè)圓角按鈕。
22. 添加一個(gè)方法,用來(lái)響應(yīng)細(xì)節(jié)按鈕的點(diǎn)擊事件。
23. 最后添加一個(gè)必須實(shí)現(xiàn)的初始化方法。然后在左側(cè)的項(xiàng)目導(dǎo)航區(qū),打開(kāi)視圖控制器的代碼文件。
24. 現(xiàn)在開(kāi)始創(chuàng)建一個(gè)表格,并在表格中使用剛剛自定義的單元格。
25. 首先使當(dāng)前的視圖控制器類(lèi),遵循表格的數(shù)據(jù)源協(xié)議。
27. 然后創(chuàng)建一個(gè)矩形區(qū)域,作為表格視圖的顯示區(qū)域。
28. 接著初始化一個(gè)指定顯示區(qū)域的表格對(duì)象。
29. 設(shè)置表格對(duì)象的數(shù)據(jù)源為當(dāng)前的視圖控制器對(duì)象,并將表格視圖添加到根視圖中。
30. 添加一個(gè)代理方法,用來(lái)設(shè)置表格的行數(shù),在此設(shè)置表格擁有20個(gè)單元格。
31. 添加一個(gè)代理方法,用來(lái)初始化或復(fù)用表格中的單元格。
32. 創(chuàng)建一個(gè)字符串常量,作為單元格的復(fù)用標(biāo)識(shí)。
33. 然后根據(jù)復(fù)用標(biāo)識(shí),從表格中獲取可以復(fù)用的單元格。
34. 如果沒(méi)有可以復(fù)用的單元格,則初始化一個(gè)自定義的單元格,并設(shè)置單元格的復(fù)用標(biāo)識(shí)。
35. 接著設(shè)置自定義單元格的標(biāo)題文字,當(dāng)然也可以設(shè)置單元格的縮略圖和細(xì)節(jié)按鈕的相關(guān)屬性。然后點(diǎn)擊[編譯并運(yùn)行]按鈕,啟動(dòng)模擬器預(yù)覽項(xiàng)目。
36. 在彈出的模擬器中,顯示了擁有自定義單元格的表格視圖,點(diǎn)擊單元格右側(cè)的細(xì)節(jié)按鈕,并觀察底部控制臺(tái)的日志輸出。
37. 最后點(diǎn)擊此處的[停止]按鈕,關(guān)閉模擬器,并結(jié)束本節(jié)課程。
本文整理自:《app開(kāi)發(fā)中的神兵利器》,真正的[手把手]教學(xué)模式,用最快的速度上手iOS開(kāi)發(fā),蘋(píng)果商店App Store免費(fèi)下載:https://itunes.apple.com/cn/app/id1209739676,或掃描本頁(yè)底部的二維碼。課程配套素材下載地址:資料下載




































