天天看點

IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell

本篇将介紹如何自定義 UITableViewCell

首先選擇建立檔案 可以直接使用快捷鍵 COMMAND+n打開建立頁面,然後選Objective-C class

IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell

然後選擇繼承之UITableViewCell 類 同時輸入 類名

IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell

完成這一步之後 我們還要繼續建立一個XIB 檔案,具體步驟請參照圖檔,這邊建議大家最好将XIB檔案的名字命名和剛剛建立的類名一樣,這樣友善管理,同時一看就知道 該XIB檔案是屬于該類的

之是以要建立一個XIB檔案是因為 繼承之 UITableViewCell類的檔案 是無法勾選 with xib for user interface的 

是以我們需要自己從新建立一個XIB檔案。

IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell
IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell

完成XIB檔案的建立之後 ,打開相應的XIB檔案  在右下角選擇Table View Cell 控件,并将之拖拽到 改XIB檔案内

IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell

然後我們需要選中UITableViewCell 并将Custom Calss改為一開始我們建立的類名

這樣的話他就會自動關聯到對應的類上面去

然後我在拖拽一個UIImageView 控件,一個UILabel控件 到UITableViewCell控件上面去

同時修改UITableViewCell的樣式 改成如下所示。(該類類名 我取成  TopBigImageCell)

IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell

接下來 再修改.H 檔案和.m檔案 

直接上代碼

完成代碼後别忘了建立關聯 (如果忘記了如何建立關聯的話請檢視前面幾張内容)

這樣的話我們就完成了 第一條記錄大圖檔的CELL樣式了

然後我們需要用同樣的方法 建立一個普通的樣式 ,效果如下所示,具體的操作我就不再做重複講解了

(ps:大家還可以多建幾種樣式  例如沒有圖檔 的樣式,或者多一個時間顯示等。發揮自己的想象能力,或者參照别人的樣式進行添加)

IOS開發---菜鳥學習之路--(七)-自定義UITableViewCell

好了 本章的内容就先講到這裡

總結一下,

本章我們主要講解了如果自定義一個UITableViewCell内容非常的簡單,但是隻有熟練的掌握了此章的内容才能為将來制作各式各樣的效果打好基礎

另外請大家學會舉一反三,這邊隻是講了如何建構新聞的樣式,大家要能想到 很多其他的樣式,這個才是我們真正要掌握 看到 學習到的東西。

廢話不多說了。睡覺了。。

下一章就會将本章的内容 和上一章的内容結合起來 完成一個完整的新聞界面。

其實上一章已經貼出代碼了 相信有能力的朋友已經可以自己完成效果了。

另外再次聲明,本人所寫内容純粹為本人個人學習經驗,完全是本人個人的領悟内容,如果有哪裡不對的内容還請各位朋友及時指出,好讓本人加以改進 學習。

繼續閱讀