玩轉(zhuǎn)UITableView

初識(shí)UITableView

在iOS中炒事,要實(shí)現(xiàn)表格數(shù)據(jù)展示弦追,最常用的做法就是使用UITableView

UITableView繼承自UIScrollView尤莺,因此支持垂直滾動(dòng)残吩,而且性能極佳

UITableView的兩種樣式

UITableViewStylePlain

UITableViewStyleGrouped

展示數(shù)據(jù)

UITableView需要一個(gè)數(shù)據(jù)源(dataSource)來(lái)顯示數(shù)據(jù)

UITableView會(huì)向數(shù)據(jù)源查詢(xún)一共有多少行數(shù)據(jù)以及每一行顯示什么數(shù)據(jù)等

沒(méi)有設(shè)置數(shù)據(jù)源的UITableView只是個(gè)空殼

凡是遵守UITableViewDataSource協(xié)議的OC對(duì)象萌焰,都可以是UITableView的數(shù)據(jù)源

tableView展示數(shù)據(jù)的過(guò)程

調(diào)用數(shù)據(jù)源的下面方法得知一共有多少組數(shù)據(jù)

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;

調(diào)用數(shù)據(jù)源的下面方法得知每一組有多少行數(shù)據(jù)

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;

調(diào)用數(shù)據(jù)源的下面方法得知每一行顯示什么內(nèi)容

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath;

Cell簡(jiǎn)介

UITableView的每一行都是一個(gè)UITableViewCell,通過(guò)dataSource的tableView:cellForRowAtIndexPath:方法來(lái)初始化每一行

UITableViewCell內(nèi)部有個(gè)默認(rèn)的子視圖:contentView呈宇,contentView是UITableViewCell所顯示內(nèi)容的父視圖跟磨,可顯示一些輔助指示視圖

輔助指示視圖的作用是顯示一個(gè)表示動(dòng)作的圖標(biāo),可以通過(guò)設(shè)置UITableViewCell的accessoryType來(lái)顯示攒盈,默認(rèn)是UITableViewCellAccessoryNone(不顯示輔助指示視圖),其他值如下:

UITableViewCellAccessoryDisclosureIndicator

UITableViewCellAccessoryDetailDisclosureButton

UITableViewCellAccessoryCheckmark

還可以通過(guò)cell的accessoryView屬性來(lái)自定義輔助指示視圖(比如往右邊放一個(gè)開(kāi)關(guān))

UITableViewCell的contentView

contentView下默認(rèn)有3個(gè)子視圖

其中2個(gè)是UILabel(通過(guò)UITableViewCell的textLabel和detailTextLabel屬性訪問(wèn))

第3個(gè)是UIImageView(通過(guò)UITableViewCell的imageView屬性訪問(wèn))

UITableViewCell還有一個(gè)UITableViewCellStyle屬性哎榴,用于決定使用contentView的哪些子視圖型豁,以及這些子視圖在contentView中的位置

Cell的重用原理

iOS設(shè)備的內(nèi)存有限僵蛛,如果用UITableView顯示成千上萬(wàn)條數(shù)據(jù),就需要成千上萬(wàn)個(gè)UITableViewCell對(duì)象的話(huà)迎变,那將會(huì)耗盡iOS設(shè)備的內(nèi)存充尉。要解決該問(wèn)題,需要重用UITableViewCell對(duì)象

重用原理:當(dāng)滾動(dòng)列表時(shí)衣形,部分UITableViewCell會(huì)移出窗口驼侠,UITableView會(huì)將窗口外的UITableViewCell放入一個(gè)對(duì)象池中谆吴,等待重用笋熬。當(dāng)UITableView要求dataSource返回UITableViewCell時(shí)筹吐,dataSource會(huì)先查看這個(gè)對(duì)象池嘉竟,如果池中有未使用的UITableViewCell周拐,dataSource會(huì)用新的數(shù)據(jù)配置這個(gè)UITableViewCell,然后返回給UITableView,重新顯示到窗口中,從而避免創(chuàng)建新對(duì)象桩警。

還有一個(gè)非常重要的問(wèn)題:有時(shí)候需要自定義UITableViewCell(用一個(gè)子類(lèi)繼承UITableViewCell),而且每一行用的不一定是同一種UITableViewCell,所以一個(gè)UITableView可能擁有不同類(lèi)型的UITableViewCell,對(duì)象池中也會(huì)有很多不同類(lèi)型的UITableViewCell叶沛,那么UITableView在重用UITableViewCell時(shí)可能會(huì)得到錯(cuò)誤類(lèi)型的UITableViewCell

解決方案:UITableViewCell有個(gè)NSString *reuseIdentifier屬性辜伟,可以在初始化UITableViewCell的時(shí)候傳入一個(gè)特定的字符串標(biāo)識(shí)來(lái)設(shè)置reuseIdentifier(一般用UITableViewCell的類(lèi)名)。當(dāng)UITableView要求dataSource返回UITableViewCell時(shí),先通過(guò)一個(gè)字符串標(biāo)識(shí)到對(duì)象池中查找對(duì)應(yīng)類(lèi)型的UITableViewCell對(duì)象,如果有,就重用疲迂,如果沒(méi)有幅垮,就傳入這個(gè)字符串標(biāo)識(shí)來(lái)初始化一個(gè)UITableViewCell對(duì)象

Cell的重用代碼

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:  (NSIndexPath *)indexPath
{
// 1.定義一個(gè)cell的標(biāo)識(shí)
static NSString *ID = @"cell";

// 2.從緩存池中取出cell
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:ID];

// 3.如果緩存池中沒(méi)有cell

if (cell == nil) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:ID];
}

// 4.設(shè)置cell的屬性...
return cell;
}

使用xib封裝一個(gè)view的步驟

1避乏、新建一個(gè)xib文件描述一個(gè)view的內(nèi)部結(jié)構(gòu)(假設(shè)叫做TWTgCell.xib)

2拍皮、新建一個(gè)自定義的類(lèi)

(自定義類(lèi)需要繼承自系統(tǒng)自帶的view, 繼承自哪個(gè)類(lèi), 取決于xib根對(duì)象的Class)

3、新建類(lèi)的類(lèi)名最好跟xib的文件名保持一致(比如類(lèi)名就叫做TWTgCell)

4跑杭、將xib中的控件 和 自定義類(lèi)的.m文件 進(jìn)行連線

5铆帽、提供一個(gè)類(lèi)方法返回一個(gè)創(chuàng)建好的自定義view(屏蔽從xib加載的過(guò)程)

6、提供一個(gè)模型屬性讓外界傳遞模型數(shù)據(jù)

7德谅、重寫(xiě)模型屬性的setter方法,在這里將模型數(shù)據(jù)展示到對(duì)應(yīng)的子控件上面

Delegate的使用場(chǎng)合

1爹橱、對(duì)象A內(nèi)部發(fā)生了一些事情,想通知對(duì)象B

2、對(duì)象B想監(jiān)聽(tīng)對(duì)象A內(nèi)部發(fā)生了什么事情

3窄做、對(duì)象A想在自己的方法內(nèi)部調(diào)用對(duì)象B的某個(gè)方法,并且對(duì)象A不能對(duì)對(duì)象B有耦合依賴(lài)

4愧驱、對(duì)象A想傳遞數(shù)據(jù)給對(duì)象B

……

以上情況,結(jié)果都一樣:對(duì)象B是對(duì)象A的代理(delegate)

使用delegate的步驟

1、先搞清楚誰(shuí)是誰(shuí)的代理(delegate)

2椭盏、定義代理協(xié)議,協(xié)議名稱(chēng)的命名規(guī)范:控件類(lèi)名 + Delegate

3组砚、定義代理方法

代理方法一般都定義為@optional

代理方法名都以控件名開(kāi)頭

代理方法至少有1個(gè)參數(shù),將控件本身傳遞出去

設(shè)置代理(delegate)對(duì)象 (比如myView.delegate = xxxx;)

代理對(duì)象遵守協(xié)議

代理對(duì)象實(shí)現(xiàn)協(xié)議里面該實(shí)現(xiàn)的方法

在恰當(dāng)?shù)臅r(shí)刻調(diào)用代理對(duì)象(delegate)的代理方法,通知代理發(fā)生了什么事情

(在調(diào)用之前判斷代理是否實(shí)現(xiàn)了該代理方法)

通過(guò)代碼自定義cell(cell的高度不一致)

1、新建一個(gè)繼承自UITableViewCell的類(lèi)

2掏颊、重寫(xiě)initWithStyle:reuseIdentifier:方法

添加所有需要顯示的子控件(不需要設(shè)置子控件的數(shù)據(jù)和frame, 子控件要添加到contentView中)

進(jìn)行子控件一次性的屬性設(shè)置(有些屬性只需要設(shè)置一次, 比如字體/固定的圖片)

3糟红、提供2個(gè)模型

數(shù)據(jù)模型: 存放文字?jǐn)?shù)據(jù)\圖片數(shù)據(jù)

frame模型: 存放數(shù)據(jù)模型\所有子控件的frame\cell的高度

4、cell擁有一個(gè)frame模型(不要直接擁有數(shù)據(jù)模型)

5乌叶、重寫(xiě)frame模型屬性的setter方法: 在這個(gè)方法中設(shè)置子控件的顯示數(shù)據(jù)和frame

6盆偿、frame模型數(shù)據(jù)的初始化已經(jīng)采取懶加載的方式(每一個(gè)cell對(duì)應(yīng)的frame模型數(shù)據(jù)只加載一次)

原文來(lái)自我的博客 :http://www.terwer.com/konwn-uitableview.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市准浴,隨后出現(xiàn)的幾起案子事扭,更是在濱河造成了極大的恐慌,老刑警劉巖兄裂,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件句旱,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡晰奖,警方通過(guò)查閱死者的電腦和手機(jī)谈撒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)匾南,“玉大人啃匿,你說(shuō)我怎么就攤上這事。” “怎么了溯乒?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵夹厌,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我裆悄,道長(zhǎng)矛纹,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任光稼,我火速辦了婚禮或南,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘艾君。我一直安慰自己采够,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布冰垄。 她就那樣靜靜地躺著蹬癌,像睡著了一般。 火紅的嫁衣襯著肌膚如雪虹茶。 梳的紋絲不亂的頭發(fā)上逝薪,一...
    開(kāi)封第一講書(shū)人閱讀 49,764評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音写烤,去河邊找鬼翼闽。 笑死,一個(gè)胖子當(dāng)著我的面吹牛洲炊,可吹牛的內(nèi)容都是我干的感局。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼暂衡,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼询微!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起狂巢,我...
    開(kāi)封第一講書(shū)人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤撑毛,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后唧领,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體藻雌,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年斩个,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了胯杭。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡受啥,死狀恐怖做个,靈堂內(nèi)的尸體忽然破棺而出鸽心,到底是詐尸還是另有隱情,我是刑警寧澤居暖,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布顽频,位于F島的核電站,受9級(jí)特大地震影響太闺,放射性物質(zhì)發(fā)生泄漏糯景。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一省骂、第九天 我趴在偏房一處隱蔽的房頂上張望莺奸。 院中可真熱鬧,春花似錦冀宴、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至仗岖,卻和暖如春逃延,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背轧拄。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工揽祥, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人檩电。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓拄丰,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親俐末。 傳聞我的和親對(duì)象是個(gè)殘疾皇子料按,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容