UITableView的性能優(yōu)化

在iOS應(yīng)用中杏瞻,UITableView應(yīng)該是使用率最高的視圖之一了所刀。iPod、時(shí)鐘捞挥、日歷、備忘錄蒸矛、Mail、天氣胸嘴、照片雏掠、電話、短信劣像、 Safari、App Store绑青、iTunes、Game Center…幾乎所有自帶的應(yīng)用中都能看到它的身影闸婴,可見它的重要性。

然而在使用第三方應(yīng)用時(shí)降狠,卻經(jīng)常遇到性能上的問題,普遍表現(xiàn)在滾動(dòng)時(shí)比較卡榜配,特別是table cell中包含圖片的情況時(shí)吕晌。

實(shí)際上只要針對(duì)性地優(yōu)化一下,這種問題就不會(huì)有了睛驳。有興趣的可以看看 LazyTableImages這個(gè)官方的例子程序乏沸,雖然也要從網(wǎng)上下載圖片并顯示,但滾動(dòng)時(shí)絲毫不卡屎蜓。

下面就說說我對(duì)UITableView的了解钥勋。不過由于我也是初學(xué)者,或許會(huì)說錯(cuò)或遺漏一些扼劈,因此僅供參考菲驴。

首先說下UITableView的原理。有興趣的可以看看 《About Table Views in iOS-Based Applications》赊瞬。

UITableView是UIScrollView的子類,因此它可以自動(dòng)響應(yīng)滾動(dòng)事件(一般為上下滾動(dòng))薯蝎。

它內(nèi)部包含0到多個(gè)UITableViewCell對(duì)象谤绳,每個(gè)table cell展示各自的內(nèi)容袒哥。當(dāng)新cell需要被顯示時(shí)消略,就會(huì)調(diào)用tableView:cellForRowAtIndexPath:方法來獲取或創(chuàng)建一個(gè) cell;而不可視時(shí)艺演,它又會(huì)被釋放。由此可見啄寡,同一時(shí)間其實(shí)只需要存在一屏幕的cell對(duì)象即可哩照,不需要為每一行創(chuàng)建一個(gè)cell。

此 外飘弧,UITableView還可以分為多個(gè)sections次伶,每個(gè)區(qū)段都可以有自己的head、foot和cells冠王。而在定位一個(gè)cell時(shí),就需要2 個(gè)字段了:在哪個(gè)section豪娜,以及在這個(gè)section的第幾行哟楷。這在iOS SDK中是用NSIndexPath來表述的,UIKit為其添加了indexPathForRow:inSection:這個(gè)創(chuàng)建方法鸣奔。

其他諸如編輯之類的就不提了惩阶,因?yàn)楹捅疚臒o關(guān)。

介紹完原理琳猫,接下來就開始優(yōu)化吧。

使用不透明視圖统刮。

不透明的視圖可以極大地提高渲染的速度。因此如非必要侥蒙,可以將table cell及其子視圖的opaque屬性設(shè)為YES(默認(rèn)值)鞭衩。

其中的特例包括背景色,它的alpha值應(yīng)該為1(例如不要使用clearColor)论衍;圖像的alpha值也應(yīng)該為1,或者在畫圖時(shí)設(shè)為不透明炬丸。

不要重復(fù)創(chuàng)建不必要的table cell蜒蕾。

前面說了,UITableView只需要一屏幕的UITableViewCell對(duì)象即可首启。因此在cell不可見時(shí)撤摸,可以將其緩存起來,而在需要時(shí)繼續(xù)使用它即可准夷。

而UITableView也提供了這種機(jī)制冕象,只需要簡單地設(shè)置一個(gè)identifier即可:

static NSString *CellIdentifier = @"xxx";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];if (cell == nil) {

cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];

}

值得一提的是汁蝶,cell被重用時(shí),它內(nèi)部繪制的內(nèi)容并不會(huì)被自動(dòng)清除掖棉,因此你可能需要調(diào)用setNeedsDisplayInRect:或setNeedsDisplay方法幔亥。

此外,在添加table cell的時(shí)候帕棉,如果不需要?jiǎng)赢嬓Ч牵詈貌灰褂胕nsertRowsAtIndexPaths:withRowAnimation:方法慰枕,而是直接調(diào) 用reloadData方法具帮。因?yàn)榍罢邥?huì)對(duì)所有indexPaths調(diào)用tableView:cellForRowAtIndexPath:方法,即便該 cell并不需要顯示(不知道是不是bug)蜂厅,這就可能創(chuàng)建大量多余的cell〔∮危勘誤:只是在模擬器上測(cè)試如此术奖,真機(jī)調(diào)試時(shí)沒有這種bug。

減少視圖的數(shù)目佣耐。

UITableViewCell包含了textLabel唧龄、detailTextLabel和imageView等view,而你還可以自定義一些視圖放在它的contentView里既棺。然而view是很大的對(duì)象丸冕,創(chuàng)建它會(huì)消耗較多資源,并且也影響渲染的性能胖烛。

如果你的table cell包含圖片,且數(shù)目較多众旗,使用默認(rèn)的UITableViewCell會(huì)非常影響性能趟畏。奇怪的是,使用自定義的view利朵,而非預(yù)定義的view,明顯會(huì)快些哗咆。

當(dāng)然,最佳的解決辦法還是繼承UITableViewCell姥份,并在其drawRect:中自行繪制:

- (void)drawRect:(CGRect)rect {

if (image) {

[image drawAtPoint:imagePoint];

self.image = nil;

} else {

[placeHolder drawAtPoint:imagePoint];

}

[text drawInRect:textRect withFont:font lineBreakMode:UILineBreakModeTailTruncation];

}

不過這樣一來年碘,你會(huì)發(fā)現(xiàn)選中一行后,這個(gè)cell就變藍(lán)了埃难,其中的內(nèi)容就被擋住了涤久。最簡單的方法就是將cell的selectionStyle屬性設(shè)為UITableViewCellSelectionStyleNone,這樣就不會(huì)被高亮了考抄。

此 外還可以創(chuàng)建CALayer蔗彤,將內(nèi)容繪制到layer上,然后對(duì)cell的contentView.layer調(diào)用addSublayer:方法贫途。這個(gè)例 子中待侵,layer并不會(huì)顯著影響性能,但如果layer透明秧倾,或者有圓角、變形等效果,就會(huì)影響到繪制速度了胃榕。解決辦法可參見后面的預(yù)渲染圖像。

不要做多余的繪制工作勋又。

在實(shí)現(xiàn)drawRect:的時(shí)候楔壤,它的rect參數(shù)就是需要繪制的區(qū)域,這個(gè)區(qū)域之外的不需要進(jìn)行繪制蹲嚣。

例如上例中,就可以用CGRectIntersectsRect抖部、CGRectIntersection或CGRectContainsRect判斷是否需要繪制image和text议惰,然后再調(diào)用繪制方法。

預(yù)渲染圖像俯萎。

你會(huì)發(fā)現(xiàn)即使做到了上述幾點(diǎn)运杭,當(dāng)新的圖像出現(xiàn)時(shí),仍然會(huì)有短暫的停頓現(xiàn)象涮母。解決的辦法就是在bitmap context里先將其畫一遍躁愿,導(dǎo)出成UIImage對(duì)象,然后再繪制到屏幕来候,詳細(xì)做法可見《利用預(yù)渲染加速iOS設(shè)備的圖像顯示》逸雹。

不要阻塞主線程。

做到前幾點(diǎn)后梆砸,你的table view滾動(dòng)時(shí)應(yīng)該足夠流暢了帖世,不過你仍可能讓用戶感到不爽。常見的現(xiàn)象就是在更新數(shù)據(jù)時(shí),整個(gè)界面卡住不動(dòng)绑榴,完全不響應(yīng)用戶請(qǐng)求盈魁。

出現(xiàn)這種現(xiàn)象的原因就是主線程執(zhí)行了耗時(shí)很長的函數(shù)或方法,在其執(zhí)行完畢前赤套,無法繪制屏幕和響應(yīng)用戶請(qǐng)求按脚。其中最常見的就是網(wǎng)絡(luò)請(qǐng)求了,它通常都需要花費(fèi)數(shù)秒的時(shí)間唯沮,而你不應(yīng)該讓用戶等待那么久堪遂。

解決辦法就是使用多線程,讓子線程去執(zhí)行這些函數(shù)或方法币旧。這里面還有一個(gè)學(xué)問猿妈,當(dāng)下載線程數(shù)超過2時(shí),會(huì)顯著影響主線程的性能鳍刷。因此在使用 ASIHTTPRequest時(shí)俯抖,可以用一個(gè)NSOperationQueue來維護(hù)下載請(qǐng)求,并將其 maxConcurrentOperationCount設(shè)為2尤揣。而NSURLRequest則可以配合G C D來實(shí)現(xiàn)柬祠,或者使用NSURLConnection的setDelegateQueue:方法。

當(dāng)然嗜愈,在不需要響應(yīng)用戶請(qǐng)求時(shí),也可以增加下載線程數(shù)芝硬,以加快下載速度:

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {

if (!decelerate) {

queue.maxConcurrentOperationCount = 5;

}

}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {

queue.maxConcurrentOperationCount = 5;

}

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {

queue.maxConcurrentOperationCount = 2;

}

此外拌阴,自動(dòng)載入更新數(shù)據(jù)對(duì)用戶來說也很友好奶镶,這減少了用戶等待下載的時(shí)間。例如每次載入50條信息纤壁,那就可以在滾動(dòng)到倒數(shù)第10條以內(nèi)時(shí)捺信,加載更多信息:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {

if (count - indexPath.row < 10 && !updating) {

updating = YES;

[self update];

}

}// update方法獲取到結(jié)果后,設(shè)置updating為NO

還有一點(diǎn)要注意的就是當(dāng)圖片下載完成后秒咨,如果cell是可見的掌挚,還需要更新圖像:

NSArray *indexPaths = [self.tableView indexPathsForVisibleRows];for (NSIndexPath *visibleIndexPath in indexPaths) {

if (indexPath == visibleIndexPath) {

MyTableViewCell *cell = (MyTableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath];

cell.image = image;

[cell setNeedsDisplayInRect:imageRect];

break;

}

}// 也可不遍歷,直接與頭尾相比較陡厘,看是否在中間即可特占。

最后還是前面所說過的insertRowsAtIndexPaths:withRowAnimation:方法,插入新行需要在主線程執(zhí)行罢低,而一次插入很多行的話(例如50行)胖笛,會(huì)長時(shí)間阻塞主線程。而換成reloadData方法的話功舀,瞬間就處理完了身弊。

就說那么多吧列敲,我想做到這些也就差不多了帖汞,其他就需要自行profile,找出瓶頸來優(yōu)化了所意。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末扶踊,一起剝皮案震驚了整個(gè)濱河市郎任,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌分井,老刑警劉巖歼疮,帶你破解...
    沈念sama閱讀 216,997評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件韩脏,死亡現(xiàn)場離奇詭異,居然都是意外死亡杭朱,警方通過查閱死者的電腦和手機(jī)吹散,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,603評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門空民,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人画饥,你說我怎么就攤上這事浊猾。” “怎么了衔彻?”我有些...
    開封第一講書人閱讀 163,359評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長澄港。 經(jīng)常有香客問我柄沮,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,309評(píng)論 1 292
  • 正文 為了忘掉前任棕硫,我火速辦了婚禮袒啼,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘滑肉。我一直安慰自己摘仅,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,346評(píng)論 6 390
  • 文/花漫 我一把揭開白布六荒。 她就那樣靜靜地躺著矾端,像睡著了一般。 火紅的嫁衣襯著肌膚如雪砚亭。 梳的紋絲不亂的頭發(fā)上殴玛,一...
    開封第一講書人閱讀 51,258評(píng)論 1 300
  • 那天族阅,我揣著相機(jī)與錄音,去河邊找鬼坦刀。 笑死,一個(gè)胖子當(dāng)著我的面吹牛沐寺,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播狐援,決...
    沈念sama閱讀 40,122評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼啥酱,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼厨诸!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起绘趋,我...
    開封第一講書人閱讀 38,970評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤颗管,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后帽馋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體比吭,經(jīng)...
    沈念sama閱讀 45,403評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡梗逮,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,596評(píng)論 3 334
  • 正文 我和宋清朗相戀三年慷彤,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片底哗。...
    茶點(diǎn)故事閱讀 39,769評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡跋选,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出坠韩,到底是詐尸還是另有隱情,我是刑警寧澤只搁,帶...
    沈念sama閱讀 35,464評(píng)論 5 344
  • 正文 年R本政府宣布氢惋,位于F島的核電站,受9級(jí)特大地震影響焰望,放射性物質(zhì)發(fā)生泄漏熊赖。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,075評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望绣檬。 院中可真熱鬧娇未,春花似錦、人聲如沸零抬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,705評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽玩裙。三九已至段直,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鸯檬,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,848評(píng)論 1 269
  • 我被黑心中介騙來泰國打工赖歌, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人讯蒲。 一個(gè)月前我還...
    沈念sama閱讀 47,831評(píng)論 2 370
  • 正文 我出身青樓挽封,卻偏偏與公主長得像犯祠,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子衡载,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,678評(píng)論 2 354

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