uitableview性能優化(轉)

這個感受寫的很好 收藏一下 以備後用html

轉自 http://www.cnblogs.com/pengyingh/articles/2354714.htmlios

在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:這個建立方法。
其餘諸如編輯之類的就不提了,由於和本文無關。

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

緩存

  1. 使用不透明視圖。
    不透明的視圖能夠極大地提升渲染的速度。所以如非必要,能夠將table cell及其子視圖的opaque屬性設爲YES(默認值)。
    其中的特例包括背景色,它的alpha值應該爲1(例如不要使用clearColor);圖像的alpha值也應該爲1,或者在畫圖時設爲不透明。
  2. 不要重複建立沒必要要的table cell。
    前面說了,UITableView只須要一屏幕的UITableViewCell對象便可。所以在cell不可見時,能夠將其緩存起來,而在須要時繼續使用它便可。
    而UITableView也提供了這種機制,只須要簡單地設置一個identifier便可:
static NSString *CellIdentifier = @"xxx";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
}
  1. 值得一提的是,cell被重用時,它內部繪製的內容並不會被自動清除,所以你可能須要調用setNeedsDisplayInRect:或setNeedsDisplay方法。
    此外,在添加table cell的時候,若是不須要動畫效果,最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法,而是直接調用reloadData方法。由於前者會對全部indexPaths調用tableView:cellForRowAtIndexPath:方法,即使該cell並不須要顯示(不知道是否是bug),這就可能建立大量多餘的cell。勘誤:只是在模擬器上測試如此,真機調試時沒有這種bug。
  2. 減小視圖的數目。
    UITableViewCell包含了textLabel、detailTextLabel和imageView等view,而你還能夠自定義一些視圖放在它的contentView裏。然而view是很大的對象,建立它會消耗較多資源,而且也影響渲染的性能。
    若是你的table cell包含圖片,且數目較多,使用默認的UITableViewCell會很是影響性能。奇怪的是,使用自定義的view,而非預約義的view,明顯會快些。
    固然,最佳的解決辦法仍是繼承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];
}
複製代碼
  1. 不過這樣一來,你會發現選中一行後,這個cell就變藍了,其中的內容就被擋住了。最簡單的方法就是將cell的selectionStyle屬性設爲UITableViewCellSelectionStyleNone,這樣就不會被高亮了。
    此外還能夠建立CALayer,將內容繪製到layer上,而後對cell的contentView.layer調用addSublayer:方法。這個例子中,layer並不會顯著影響性能,但若是layer透明,或者有圓角、變形等效果,就會影響到繪製速度了。解決辦法可參見後面的預渲染圖像。
  2. 不要作多餘的繪製工做。
    在實現drawRect:的時候,它的rect參數就是須要繪製的區域,這個區域以外的不須要進行繪製。
    例如上例中,就能夠用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否須要繪製image和text,而後再調用繪製方法。
  3. 預渲染圖像。
    你會發現即便作到了上述幾點,當新的圖像出現時,仍然會有短暫的停頓現象。解決的辦法就是在bitmap context裏先將其畫一遍,導出成UIImage對象,而後再繪製到屏幕,詳細作法可見《利用預渲染加速iOS設備的圖像顯示》
  4. 不要阻塞主線程。
    作到前幾點後,你的table view滾動時應該足夠流暢了,不過你仍可能讓用戶感到不爽。常見的現象就是在更新數據時,整個界面卡住不動,徹底不響應用戶請求。
    出現這種現象的緣由就是主線程執行了耗時很長的函數或方法,在其執行完畢前,沒法繪製屏幕和響應用戶請求。其中最多見的就是網絡請求了,它一般都須要花費數秒的時間,而你不該該讓用戶等待那麼久。
    解決辦法就是使用多線程,讓子線程去執行這些函數或方法。這裏面還有一個學問,當下載線程數超過2時,會顯著影響主線程的性能。所以在使用ASIHTTPRequest時,能夠用一個NSOperationQueue來維護下載請求,並將其maxConcurrentOperationCount設爲2。而NSURLRequest則能夠配合GCD來實現,或者使用NSURLConnection的setDelegateQueue:方法。
    固然,在不須要響應用戶請求時,也能夠增長下載線程數,以加快下載速度:
複製代碼
- (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是可見的,還須要更新圖像:多線程

複製代碼
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;
}
}
// 也可不遍歷,直接與頭尾相比較,看是否在中間便可。
複製代碼
  1. 最後仍是前面所說過的insertRowsAtIndexPaths:withRowAnimation:方法,插入新行須要在主線程執行,而一次插入不少行的話(例如50行),會長時間阻塞主線程。而換成reloadData方法的話,瞬間就處理完了。


就說那麼多吧,我想作到這些也就差很少了,其餘就須要自行profile,找出瓶頸來優化了。app

相關文章
相關標籤/搜索