自定義表格單元格

想要應用程序更好看嗎? 可以使用自定義表格,使單元格更好看。

設計原型單元格界面

1,首先選擇原型單元格,將基本風格變更為自定義風格


2,為了適應更大的縮略圖,我們必須使單元格大一點,將其設置為80


3,拖一個圖像視圖對象從對象庫到單元格


4,添加三個標簽到單元格

名稱:餐廳名稱

位置:餐廳位置

類型:餐廳類型


已經完成了原型單元格的布局,接下來編寫一些代碼

1,創(chuàng)建自定義單元格類

打開XCODE,新建Cocoa Touch Class,名稱為RestaurantTableViewCell,寫入如下代碼:


2,建立連接

右鍵單擊文檔中的原型大綱視圖,拖動thumbnailImageView,到UIImageView對象,自動建立連接


3,重復上述過程建立以下連接:

位置

名稱

類型


4,對視圖控制器進行代碼編寫

修改代碼如下:


dequeueReusableCellWithIdentifier方法默認情況下,會返回一個通用UITableViewCell類型的單元格,為了使用RestaurantTableViewCell類,我們需要將dequeueReusableCellWithIdentifier返回的對象轉換為RestaurantTableViewCell。

在SWIFT,使用as!關鍵字進行強制轉換。

5,添加一下代碼


textLabel和imageView都默認UITableViewCell類的屬性,這里要使用RestaurantTableViewCell自定義類屬性。

6,現(xiàn)在可以運行應用了,看效果


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容