tableView性能優(yōu)化-1

在iOS App中晓猛,UITableView應(yīng)該是使用率最高的访敌,同時也是最為復(fù)雜的視圖。

幾乎所有自帶的應(yīng)用中都能看到它的身影着倾,可見它的重要性。

在使用UITableView時燕少,會經(jīng)常遇到性能上的問題卡者,普遍表現(xiàn)在滾動時比較卡,特別是table

cell中包含圖片的情況時客们。

實際上只要針對性地優(yōu)化一下崇决,這種問題就不會有了。有興趣的可以看看LazyTableImages這個官方的例子程序镶摘,雖然也要從網(wǎng)上下載圖片并顯示嗽桩,但滾動時絲毫不卡岳守。

首先說下UITableView的原理凄敢。有興趣的可以看看《About Table Views in iOS-Based

Applications》。

UITableView是UIScrollView的子類湿痢,因此它可以自動響應(yīng)滾動事件(一般為上下滾動)涝缝。

它內(nèi)部包含0到多個UITableViewCell對象,每個table

cell展示各自的內(nèi)容譬重。當(dāng)新cell需要被顯示時拒逮,就會調(diào)用tableView:cellForRowAtIndexPath:方法來獲取或創(chuàng)建一個cell;而不可視時臀规,它又會被釋放滩援。由此可見,同一時間其實只需要存在一屏幕的cell對象即可塔嬉,不需要為每一行創(chuàng)建一個cell玩徊。

此外租悄,UITableView還可以分為多個sections,每個區(qū)段都可以有自己的head恩袱、foot和cells泣棋。而在定位一個cell時,就需要2個字段了:在哪個section畔塔,以及在這個section的第幾行潭辈。這在iOS

SDK中是用NSIndexPath來表述的,UIKit為其添加了indexPathForRow:inSection:這個創(chuàng)建方法澈吨。

其他諸如編輯之類的就不提了把敢,因為和本文無關(guān)。介紹完原理谅辣,接下來就開始優(yōu)化吧技竟。

使用不透明視圖。

不透明的視圖可以極大地提高渲染的速度屈藐。因此如非必要榔组,可以將table

cell及其子視圖的opaque屬性設(shè)為YES(默認(rèn)值)。

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

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

前面說了,UITableView只需要一屏幕的UITableViewCell對象即可公壤。因此在cell不可見時换可,可以將其緩存起來,而在需要時繼續(xù)使用它即可厦幅。

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

static NSString *CellIdentifier = @"xxx";

UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];

if (cell ==nil) {

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

}

值得一提的是,cell被重用時确憨,它內(nèi)部繪制的內(nèi)容并不會被自動清除译荞,因此你可能需要調(diào)用setNeedsDisplayInRect:或setNeedsDisplay方法。

減少視圖的數(shù)目休弃。

UITableViewCell 也可以私人定制吞歼。

每個Cell中可包含Label、ImageView等多個子View塔猾,你還可以自定義一些視圖放在它的contentView里篙骡。這里需要指出的是,view是很大的對象,創(chuàng)建它會消耗很多內(nèi)存糯俗,并且也影響渲染的效果慎皱。

如果你的tablecell包含圖片,且數(shù)目較多叶骨,使用默認(rèn)的UITableViewCell會非常影響性能茫多。奇怪的是,使用自定義的view忽刽,而非預(yù)定義的view天揖,明顯會快些。

當(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];

}

不過這樣一來,你會發(fā)現(xiàn)選中一行后伞剑,這個cell就變藍(lán)了斑唬,其中的內(nèi)容就被擋住了。最簡單的方法就是將cell的selectionStyle屬性設(shè)為UITableViewCellSelectionStyleNone黎泣,這樣就不會被高亮了恕刘。

此外還可以創(chuàng)建CALayer,將內(nèi)容繪制到layer上抒倚,然后對cell的contentView.layer調(diào)用addSublayer:方法褐着。這個例子中,layer并不會顯著影響性能托呕,但如果layer透明含蓉,或者有圓角、變形等效果项郊,就會影響到繪制速度了馅扣。解決辦法可參見后面的預(yù)渲染圖像。

不要做多余的繪制工作着降。

在實現(xiàn)drawRect:的時候差油,它的rect參數(shù)就是需要繪制的區(qū)域,這個區(qū)域之外的不需要進(jìn)行繪制鹊碍。

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

預(yù)渲染圖像器紧。

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

不要阻塞主線程张吉。

做到前幾點后,你的tableview滾動時應(yīng)該足夠流暢了催植,不過你仍可能讓用戶感到不爽肮蛹。常見的現(xiàn)象就是在更新數(shù)據(jù)時,整個界面卡住不動创南,完全不響應(yīng)用戶請求伦忠。

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

解決辦法就是使用多線程,讓子線程去執(zhí)行這些函數(shù)或方法吨娜。這里面還有一個學(xué)問冬耿,當(dāng)下載線程數(shù)超過2時,會顯著影響主線程的性能萌壳。因此在使用ASIHTTPRequest時亦镶,可以用一個NSOperationQueue來維護(hù)下載請求,并將其maxConcurrentOperationCount設(shè)為2袱瓮。而NSURLRequest則可以配合GCD來實現(xiàn)缤骨,或者使用NSURLConnection的setDelegateQueue:方法。

當(dāng)然尺借,在不需要響應(yīng)用戶請求時绊起,也可以增加下載線程數(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;

}

此外燎斩,自動載入更新數(shù)據(jù)對用戶來說也很友好虱歪,這減少了用戶等待下載的時間。例如每次載入50條信息栅表,那就可以在滾動到倒數(shù)第10條以內(nèi)時笋鄙,加載更多信息:

- (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

還有一點要注意的就是當(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行)许布,會長時間阻塞主線程兴革。而換成reloadData方法的話,瞬間就處理完了蜜唾。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末杂曲,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子灵妨,更是在濱河造成了極大的恐慌解阅,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,464評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件泌霍,死亡現(xiàn)場離奇詭異货抄,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)朱转,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,033評論 3 399
  • 文/潘曉璐 我一進(jìn)店門蟹地,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人藤为,你說我怎么就攤上這事怪与。” “怎么了缅疟?”我有些...
    開封第一講書人閱讀 169,078評論 0 362
  • 文/不壞的土叔 我叫張陵分别,是天一觀的道長。 經(jīng)常有香客問我存淫,道長耘斩,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,979評論 1 299
  • 正文 為了忘掉前任桅咆,我火速辦了婚禮括授,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘岩饼。我一直安慰自己荚虚,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 69,001評論 6 398
  • 文/花漫 我一把揭開白布籍茧。 她就那樣靜靜地躺著版述,像睡著了一般。 火紅的嫁衣襯著肌膚如雪硕糊。 梳的紋絲不亂的頭發(fā)上院水,一...
    開封第一講書人閱讀 52,584評論 1 312
  • 那天腊徙,我揣著相機(jī)與錄音简十,去河邊找鬼檬某。 笑死,一個胖子當(dāng)著我的面吹牛螟蝙,可吹牛的內(nèi)容都是我干的恢恼。 我是一名探鬼主播,決...
    沈念sama閱讀 41,085評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼胰默,長吁一口氣:“原來是場噩夢啊……” “哼场斑!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起牵署,我...
    開封第一講書人閱讀 40,023評論 0 277
  • 序言:老撾萬榮一對情侶失蹤漏隐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后奴迅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體青责,經(jīng)...
    沈念sama閱讀 46,555評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,626評論 3 342
  • 正文 我和宋清朗相戀三年取具,在試婚紗的時候發(fā)現(xiàn)自己被綠了脖隶。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,769評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡暇检,死狀恐怖产阱,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情块仆,我是刑警寧澤构蹬,帶...
    沈念sama閱讀 36,439評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站悔据,受9級特大地震影響庄敛,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蜜暑,卻給世界環(huán)境...
    茶點故事閱讀 42,115評論 3 335
  • 文/蒙蒙 一铐姚、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧肛捍,春花似錦隐绵、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,601評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至缀蹄,卻和暖如春峭跳,著一層夾襖步出監(jiān)牢的瞬間膘婶,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,702評論 1 274
  • 我被黑心中介騙來泰國打工蛀醉, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留悬襟,地道東北人。 一個月前我還...
    沈念sama閱讀 49,191評論 3 378
  • 正文 我出身青樓拯刁,卻偏偏與公主長得像脊岳,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子垛玻,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,781評論 2 361

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