優化UITableView性能（轉）

在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即可：

1

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

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

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

減少視圖的數目。

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

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

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

-(void)drawRect:(CGRect)rect{  if(p_w_picpath){[p_w_picpath drawAtPoint:p_w_picpathPoint];self.p_w_picpath=nil;}else{[placeHolder drawAtPoint:p_w_picpathPoint];}  [text drawInRect:textRect withFont:font lineBreakMode:UILineBreakModeTailTruncation];}

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

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

不要做多餘的繪制工作。

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

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

預渲染圖像。

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

不要阻塞主線程。

做到前幾點後，你的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;[selfupdate];}}// update方法擷取到結果後，設定updating為NO

還有一點要注意的就是當圖檔下載下傳完成後，如果cell是可見的，還需要更新圖像：

NSArray *indexPaths=[self.tableView indexPathsForVisibleRows];for(NSIndexPath *visibleIndexPath inindexPaths){if(indexPath==visibleIndexPath){MyTableViewCell *cell=(MyTableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath];cell.p_w_picpath=p_w_picpath;[cell setNeedsDisplayInRect:p_w_picpathRect];break;}}// 也可不周遊，直接與頭尾相比較，看是否在中間即可。

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