優(yōu)化tableView性能(針對(duì)滑動(dòng)時(shí)出現(xiàn)卡的現(xiàn)象)

?在iOS應(yīng)用中窘问,UITableView應(yīng)該是使用率最高的視圖之一了辆童。iPod宜咒、時(shí)鐘、日歷把鉴、備忘錄故黑、Mail、天氣庭砍、照片场晶、電話、短信怠缸、Safari诗轻、App Store、iTunes揭北、Game Center?幾乎所有自帶的應(yīng)用中都能看到它的身影扳炬,可見(jiàn)它的重要性吏颖。

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

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

下面就說(shuō)說(shuō)我對(duì)UITableView的了解帖族。不過(guò)由于我也是初學(xué)者,或許會(huì)說(shuō)錯(cuò)或遺漏一些咆槽,因此僅供參考。

首先說(shuō)下UITableView的原理圈纺。有興趣的可以看看《About Table Views in iOS-Based Applications》秦忿。

UITableView是UIScrollView的子類(lèi),因此它可以自動(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:方法來(lái)獲取或創(chuàng)建一個(gè)cell胎许;而不可視時(shí),它又會(huì)被釋放罗售。由此可見(jiàn)辜窑,同一時(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來(lái)表述的,UIKit為其添加了indexPathForRow:inSection:這個(gè)創(chuàng)建方法操禀。

其他諸如編輯之類(lèi)的就不提了褂策,因?yàn)楹捅疚臒o(wú)關(guān)。

介紹完原理,接下來(lái)就開(kāi)始優(yōu)化吧斤寂。

1.使用不透明視圖蔑水。

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

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

2.不要重復(fù)創(chuàng)建不必要的table cell再愈。

前面說(shuō)了榜苫,UITableView只需要一屏幕的UITableViewCell對(duì)象即可。因此在cell不可見(jiàn)時(shí)翎冲,可以將其緩存起來(lái)垂睬,而在需要時(shí)繼續(xù)使用它即可。

而UITableView也提供了這種機(jī)制抗悍,只需要簡(jiǎn)單地設(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)赢?huà)效果蝌借,最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法,而是直接調(diào)用reloadData方法指蚁。因?yàn)榍罢邥?huì)對(duì)所有indexPaths調(diào)用tableView:cellForRowAtIndexPath:方法菩佑,即便該cell并不需要顯示(不知道是不是bug),這就可能創(chuàng)建大量多余的cell凝化∩耘鳎勘誤:只是在模擬器上測(cè)試如此,真機(jī)調(diào)試時(shí)沒(méi)有這種bug缘圈。

3.減少視圖的數(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]; }

不過(guò)這樣一來(lái),你會(huì)發(fā)現(xiàn)選中一行后燎悍,這個(gè)cell就變藍(lán)了敬惦,其中的內(nèi)容就被擋住了。最簡(jiǎn)單的方法就是將cell的selectionStyle屬性設(shè)為UITableViewCellSelectionStyleNone谈山,這樣就不會(huì)被高亮了俄删。

此外還可以創(chuàng)建CALayer,將內(nèi)容繪制到layer上奏路,然后對(duì)cell的contentView.layer調(diào)用addSublayer:方法畴椰。這個(gè)例子中,layer并不會(huì)顯著影響性能鸽粉,但如果layer透明迅矛,或者有圓角、變形等效果潜叛,就會(huì)影響到繪制速度了秽褒。解決辦法可參見(jiàn)后面的預(yù)渲染圖像。

4.不要做多余的繪制工作威兜。

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

例如上例中蚂踊,就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否需要繪制image和text笔宿,然后再調(diào)用繪制方法犁钟。

5.預(yù)渲染圖像。

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

6.不要阻塞主線程米愿。

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

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

解決辦法就是使用多線程谆级,讓子線程去執(zhí)行這些函數(shù)或方法。這里面還有一個(gè)學(xué)問(wèn)讼积,當(dāng)下載線程數(shù)超過(guò)2時(shí)肥照,會(huì)顯著影響主線程的性能。因此在使用ASIHTTPRequest時(shí)勤众,可以用一個(gè)NSOperationQueue來(lái)維護(hù)下載請(qǐng)求舆绎,并將其maxConcurrentOperationCount設(shè)為2。而NSURLRequest則可以配合GCD來(lái)實(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ì)用戶來(lái)說(shuō)也很友好阻问,這減少了用戶等待下載的時(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是可見(jiàn)的刨秆,還需要更新圖像:

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; }

?}//也可不遍歷凳谦,直接與頭尾相比較,看是否在中間即可坛善。

最后還是前面所說(shuō)過(guò)的insertRowsAtIndexPaths:withRowAnimation:方法晾蜘,插入新行需要在主線程執(zhí)行邻眷,而一次插入很多行的話(例如50行)眠屎,會(huì)長(zhǎng)時(shí)間阻塞主線程剔交。而換成reloadData方法的話,瞬間就處理完了改衩。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末岖常,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子葫督,更是在濱河造成了極大的恐慌竭鞍,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,123評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件橄镜,死亡現(xiàn)場(chǎng)離奇詭異偎快,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)洽胶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評(píng)論 2 384
  • 文/潘曉璐 我一進(jìn)店門(mén)晒夹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人姊氓,你說(shuō)我怎么就攤上這事丐怯。” “怎么了翔横?”我有些...
    開(kāi)封第一講書(shū)人閱讀 156,723評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵读跷,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我禾唁,道長(zhǎng)效览,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,357評(píng)論 1 283
  • 正文 為了忘掉前任荡短,我火速辦了婚禮丐枉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘肢预。我一直安慰自己矛洞,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布烫映。 她就那樣靜靜地躺著沼本,像睡著了一般。 火紅的嫁衣襯著肌膚如雪锭沟。 梳的紋絲不亂的頭發(fā)上抽兆,一...
    開(kāi)封第一講書(shū)人閱讀 49,760評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音族淮,去河邊找鬼辫红。 笑死凭涂,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的贴妻。 我是一名探鬼主播切油,決...
    沈念sama閱讀 38,904評(píng)論 3 405
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼名惩!你這毒婦竟也來(lái)了澎胡?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,672評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤娩鹉,失蹤者是張志新(化名)和其女友劉穎攻谁,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體弯予,經(jīng)...
    沈念sama閱讀 44,118評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡戚宦,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了锈嫩。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片受楼。...
    茶點(diǎn)故事閱讀 38,599評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖祠挫,靈堂內(nèi)的尸體忽然破棺而出那槽,到底是詐尸還是另有隱情,我是刑警寧澤等舔,帶...
    沈念sama閱讀 34,264評(píng)論 4 328
  • 正文 年R本政府宣布骚灸,位于F島的核電站,受9級(jí)特大地震影響慌植,放射性物質(zhì)發(fā)生泄漏甚牲。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評(píng)論 3 312
  • 文/蒙蒙 一蝶柿、第九天 我趴在偏房一處隱蔽的房頂上張望丈钙。 院中可真熱鬧,春花似錦交汤、人聲如沸雏赦。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,731評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)星岗。三九已至,卻和暖如春戒洼,著一層夾襖步出監(jiān)牢的瞬間俏橘,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,956評(píng)論 1 264
  • 我被黑心中介騙來(lái)泰國(guó)打工圈浇, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留寥掐,地道東北人靴寂。 一個(gè)月前我還...
    沈念sama閱讀 46,286評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像召耘,于是被迫代替她去往敵國(guó)和親百炬。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評(píng)論 2 348

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