UITableView性能優化與卡頓問題

1.最常用的就是cell的重用, 注冊重用標識符

如果不重用cell時,每當一個cell顯示到屏幕上時,就會重新創建一個新的cell

如果有很多數據的時候,就會堆積很多cell。如果重用cell,為cell創建一個ID

每當需要顯示cell 的時候,都會先去緩沖池中尋找可循環利用的cell,如果沒有再重新創建cell

2.避免cell的重新布局

cell的布局填充等操作 比較耗時,一般創建時就布局好

如可以將cell單獨放到一個自定義類,初始化時就布局好

3.提前計算并緩存cell的屬性及內容

當我們創建cell的數據源方法時,編譯器并不是先創建cell 再定cell的高度

而是先根據內容一次確定每一個cell的高度,高度確定后,再創建要顯示的cell,滾動時,每當cell進入憑虛都會計算高度,提前估算高度告訴編譯器,編譯器知道高度后,緊接著就會創建cell,這時再調用高度的具體計算方法,這樣可以方式浪費時間去計算顯示以外的cell

4.減少cell中控件的數量

盡量使cell得布局大致相同,不同風格的cell可以使用不用的重用標識符,初始化時添加控件,

不適用的可以先隱藏

5.不要使用ClearColor,無背景色,透明度也不要設置為0

渲染耗時比較長

6.使用局部更新

如果只是更新某組的話,使用reloadSection進行局部更新

7.加載網絡數據,下載圖片,使用異步加載,并緩存

8.少使用addView 給cell動態添加view

9.按需加載cell,cell滾動很快時,只加載范圍內的cell

//按需加載 - 如果目標行與當前行相差超過指定行數,只在目標滾動范圍的前后指定3行加載。- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset{

NSIndexPath*ip = [self indexPathForRowAtPoint:CGPointMake(0, targetContentOffset->y)];

NSIndexPath*cip =[[self indexPathsForVisibleRows] firstObject];

NSInteger skipCount=8;if(labs(cip.row-ip.row)>skipCount) {

NSArray*temp = [self indexPathsForRowsInRect:CGRectMake(0, targetContentOffset->y, self.width, self.height)];

NSMutableArray*arr =[NSMutableArray arrayWithArray:temp];if(velocity.y<0) {

NSIndexPath*indexPath =[temp lastObject];if(indexPath.row+33) {

[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-3inSection:0]];

[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-2inSection:0]];? ? ? ? ? ? ? ? [arr addObject:[NSIndexPath indexPathForRow:indexPath.row-1inSection:0]];? ? ? ? ? ? }? ? ? ? }? ? ? ? [needLoadArr addObjectsFromArray:arr];? ? } }

記得在tableView:cellForRowAtIndexPath:方法中加入判斷:

if(needLoadArr.count>0&&[needLoadArr indexOfObject:indexPath]==NSNotFound) {

[cell clear];return;

}

10.不要實現無用的代理方法,tableView只遵守兩個協議

11.緩存行高:estimatedHeightForRow不能和HeightForRow里面的layoutIfNeed同時存在,這兩者同時存在才會出現“竄動”的bug。所以我的建議是:只要是固定行高就寫預估行高來減少行高調用次數提升性能。如果是動態行高就不要寫預估方法了,用一個行高的緩存字典來減少代碼的調用次數即可

有了上面的問題,我們在優化tableView的時候就能好解決一個卡頓的問題了。

iOS應用中,UITableView應該是使用率最高的視圖之一了。iPod、時鐘、日歷、備忘錄、Mail、天氣、照片、電話、短信、 Safari、App Store、iTunes、Game Center…幾乎所有自帶的應用中都能看到它的身影,可見它的重要性。

然而在使用第三方應用時,卻經常遇到性能上的問題,普遍表現在滾動時比較卡,特別是table cell中包含圖片的情況時。

實際上只要針對性地優化一下,這種問題就不會有了。有興趣的可以看看 LazyTableImages這個官方的例子程序,雖然也要從網上下載圖片并顯示,但滾動時絲毫不卡。

下面就說說我對UITableView的了解。不過由于我也是初學者,或許會說錯或遺漏一些,因此僅供參考。

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

UITableView是UIScrollView的子類,因此它可以自動響應滾動事件(一般為上下滾動)。

它 內部包含0到多個UITableViewCell對象,每個table cell展示各自的內容。當新cell需要被顯示時,就會調用tableView:cellForRowAtIndexPath:方法來獲取或創建一個 cell;而不可視時,它又會被釋放。由此可見,同一時間其實只需要存在一屏幕的cell對象即可,不需要為每一行創建一個cell。

此 外,UITableView還可以分為多個sections,每個區段都可以有自己的head、foot和cells。而在定位一個cell時,就需要2 個字段了:在哪個section,以及在這個section的第幾行。這在iOS SDK中是用NSIndexPath來表述的,UIKit為其添加了indexPathForRow:inSection:這個創建方法。

其他諸如編輯之類的就不提了,因為和本文無關。

介紹完原理,接下來就開始優化吧。

使用不透明視圖。

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

其中的特例包括背景色,它的alpha值應該為1(例如不要使用clearColor);圖像的alpha值也應該為1,或者在畫圖時設為不透明。

不要重復創建不必要的table cell。

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

而UITableView也提供了這種機制,只需要簡單地設置一個identifier即可:

1staticNSString *CellIdentifier =@"xxx";2UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];3if(cell == nil) {4cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];5}

值得一提的是,cell被重用時,它內部繪制的內容并不會被自動清除,因此你可能需要調用setNeedsDisplayInRect:或setNeedsDisplay方法。

此 外,在添加table cell的時候,如果不需要動畫效果,最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法,而是直接調 用reloadData方法。因為前者會對所有indexPaths調用tableView:cellForRowAtIndexPath:方法,即便該 cell并不需要顯示(不知道是不是bug),這就可能創建大量多余的cell。勘誤:只是在模擬器上測試如此,真機調試時沒有這種bug。

減少視圖的數目。

UITableViewCell包含了textLabel、detailTextLabel和imageView等view,而你還可以自定義一些視圖放在它的contentView里。然而view是很大的對象,創建它會消耗較多資源,并且也影響渲染的性能。

如果你的table cell包含圖片,且數目較多,使用默認的UITableViewCell會非常影響性能。奇怪的是,使用自定義的view,而非預定義的view,明顯會快些。

當然,最佳的解決辦法還是繼承UITableViewCell,并在其drawRect:中自行繪制:

1- (void)drawRect:(CGRect)rect2{3if(image)4{5[image drawAtPoint:imagePoint];6self.image = nil;7}else{8[placeHolder drawAtPoint:imagePoint];9}10[text drawInRect:textRect withFont:font lineBreakMode:UILineBreakModeTailTruncation];11}

不過這樣一來,你會發現選中一行后,這個cell就變藍了,其中的內容就被擋住了。最簡單的方法就是將cell的selectionStyle屬性設為UITableViewCellSelectionStyleNone,這樣就不會被高亮了。

此 外還可以創建CALayer,將內容繪制到layer上,然后對cell的contentView.layer調用addSublayer:方法。這個例 子中,layer并不會顯著影響性能,但如果layer透明,或者有圓角、變形等效果,就會影響到繪制速度了。解決辦法可參見后面的預渲染圖像。

不要做多余的繪制工作。

在實現drawRect:的時候,它的rect參數就是需要繪制的區域,這個區域之外的不需要進行繪制。

例如上例中,就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否需要繪制image和text,然后再調用繪制方法。

預渲染圖像。

你會發現即使做到了上述幾點,當新的圖像出現時,仍然會有短暫的停頓現象。解決的辦法就是在bitmap context里先將其畫一遍,導出成UIImage對象,然后再繪制到屏幕,詳細做法可見《利用預渲染加速iOS設備的圖像顯示》。

不要阻塞主線程。

做到前幾點后,你的table view滾動時應該足夠流暢了,不過你仍可能讓用戶感到不爽。常見的現象就是在更新數據時,整個界面卡住不動,完全不響應用戶請求。

出現這種現象的原因就是主線程執行了耗時很長的函數或方法,在其執行完畢前,無法繪制屏幕和響應用戶請求。其中最常見的就是網絡請求了,它通常都需要花費數秒的時間,而你不應該讓用戶等待那么久。

解 決辦法就是使用多線程,讓子線程去執行這些函數或方法。這里面還有一個學問,當下載線程數超過2時,會顯著影響主線程的性能。因此在使用 ASIHTTPRequest時,可以用一個NSOperationQueue來維護下載請求,并將其 maxConcurrentOperationCount設為2。而NSURLRequest則可以配合GCD來實現,或者使用NSURLConnection的setDelegateQueue:方法。

當然,在不需要響應用戶請求時,也可以增加下載線程數,以加快下載速度:

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

此外,自動載入更新數據對用戶來說也很友好,這減少了用戶等待下載的時間。例如每次載入50條信息,那就可以在滾動到倒數第10條以內時,加載更多信息:

- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { if (count - indexPath.row < 10 && !updating) { updating = YES; [self update]; } }// update方法獲取到結果后,設置updating為NO

還有一點要注意的就是當圖片下載完成后,如果cell是可見的,還需要更新圖像:

1NSArray *indexPaths = [self.tableView indexPathsForVisibleRows];2for(NSIndexPath *visibleIndexPathinindexPaths) {3if(indexPath == visibleIndexPath) {4MyTableViewCell *cell = (MyTableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath];5cell.image = image;6[cell setNeedsDisplayInRect:imageRect];break;7}8}//也可不遍歷,直接與頭尾相比較,看是否在中間即可。

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,106評論 6 542
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,441評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,211評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,736評論 1 317
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,475評論 6 412
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,834評論 1 328
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,829評論 3 446
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,009評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,559評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,306評論 3 358
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,516評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,038評論 5 363
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,728評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,132評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,443評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,249評論 3 399
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,484評論 2 379

推薦閱讀更多精彩內容