背景

UITableView作為iOS開發(fā)中最重要和常用的控件之一,其中的實現(xiàn)原理值得深入研究一下。蘋果軟件在這塊的優(yōu)化水平直接決定了iOS的流暢體性,TableView需要有很好的滾動性能，不然用戶會在滾動過程中發(fā)現(xiàn)動畫的瑕疵。然而在使用第三方應(yīng)用時，卻經(jīng)常遇到性能上的問題，普遍表現(xiàn)在滾動時比較卡，特別是table cell中包含圖片的情況時。實際上只要針對性地優(yōu)化一下，這種問題就不會有了。有興趣的可以看看LazyTableImages這個官方的例子程序,雖然也要從網(wǎng)上下載圖片并顯示,但滾動時絲毫不卡。

原理：

UITableView是UIScrollView的子類，因此它可以自動響應(yīng)滾動事件（一般為上下滾動）。
UITableView最核心的思想就是UITableViewCell的重用機制。
簡單的理解就是: UITableView只會創(chuàng)建一屏幕(或一屏幕多一點)的UITableViewCell,其他都是從中取出來 重用的。每當(dāng)Cell滑出屏幕時,就會放入到一個集合(或數(shù)組)中(這里就相當(dāng)于一個重用池),當(dāng)要顯示某一位置的Cell時,會先去集合(或數(shù)組)中取,如果有,就直接拿來顯 示;如果沒有,才會創(chuàng)建。這樣做的好處可想而知,極大的減少了內(nèi)存的開銷?！　?br> UITableView最主要的兩個回調(diào)方法是tableView:cellForRowAtIndexPath:和 tableView:heightForRowAtIndexPath:。理想上我們是會認(rèn)為UITableView會先調(diào)用前者,再調(diào)用后者,因為這和我們創(chuàng)建控件的思路是一樣的,先創(chuàng)建它,再設(shè)置它的布局。但實際上 卻并非如此,我們都知道,UITableView是繼承自UIScrollView的,需要先確定它的 contentSize及每個Cell的位置,然后才會把重用的Cell放置到對應(yīng)的位置。所以事實上, UITableView的回調(diào)順序是先多次調(diào)用tableView:heightForRowAtIndexPath:以確定 contentSize及Cell的位置,然后才會調(diào)用tableView:cellForRowAtIndexPath:,從而來顯示在 當(dāng)前屏幕的Cell。
　　舉個例子來說:如果現(xiàn)在要顯示100個Cell,當(dāng)前屏幕顯示5個。那么刷新(reload) UITableView時,UITableView會先調(diào)用100次tableView:heightForRowAtIndexPath:方法,然 后調(diào)用5次tableView:cellForRowAtIndexPath:方法;滾動屏幕時,每當(dāng)Cell滾入屏幕,都會調(diào)用一次tableView:heightForRowAtIndexPath:和tableView:cellForRowAtIndexPath:方法。
　　此外，UITableView還可以分為多個sections，每個區(qū)段都可以有自己的head、foot和cells。而在定位一個cell時，就需要2個字段了：在哪個section，以及在這個section的第幾行。這在iOS SDK中是用NSIndexPath來表述的，UIKit為其添加了indexPathForRow:inSection:這個創(chuàng)建方法。

優(yōu)化方法：

1.不要重復(fù)創(chuàng)建不必要的tableViewCell，正確使用reuseIdentifier來重用cells，兩個reuseIdentifier的值要相同
<pre>
[tableView registerNib:[UINib nibWithNibName:@"MyCell" bundle:nil] forCellReuseIdentifier:@"cell"];
[tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexpath];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
}</pre>

2.使用rowHeight, sectionFooterHeight和 sectionHeaderHeight來設(shè)定固定的高，不要請求delegate 緩存行高
<pre>
tableView.rowHeight = 150;
tableView.sectionHeaderHeight = 50;
tableView.sectionFooterHeight = 50;</pre>
注意：當(dāng)每行高不相等時先使用estimatedRowHeight預(yù)設(shè)行高，提前計算并緩存好高度(布局), 再使用tableView:heightForRowAtIndexPath:方法在其中計算返回不同的高度。
詳細(xì)行高講解sunnyxx大神提出了好的方案：http://blog.sunnyxx.com/2015/05/17/cell-height-calculation/ 大伙可以自行研究研究

3.盡量使所有的view 不透明，包括cell自身

cell.opaque = YES;//默認(rèn)為YES，不透明的視圖可以極大地提高渲染的速度。

Apple的文檔對于為圖片設(shè)置透明屬性的描述是：
(opaque)這個屬性給渲染系統(tǒng)提供了一個如何處理這個view的提示。如果設(shè)為YES，渲染系統(tǒng)就認(rèn)為這個view是完全不透明的，這使得渲染系統(tǒng)優(yōu)化一些渲染過程和提高性能。如果設(shè)置為NO，渲染系統(tǒng)正常地和其它內(nèi)容組成這個View。默認(rèn)值是YES。
在相對比較靜止的畫面中，設(shè)置這個屬性不會有太大影響。然而當(dāng)這個view嵌在scroll view里邊，或者是一個復(fù)雜動畫的一部分，不設(shè)置這個屬性的話會在很大 　　 程度上影響app的性能。
4.如果cell內(nèi)現(xiàn)實的內(nèi)容來自web，使用異步加載，緩存請求結(jié)果

圖片比較多的時候，可以考慮使用SDWebImage進行圖片緩存；

5.減少subviews的數(shù)量
　　UITableViewCell包含了textLabel、detailTextLabel和imageView等view，而你還可以自定義一些視圖放在它的contentView里。然而view是很大的對象，創(chuàng)建它會消耗較多資源，并且也影響渲染的性能。
　　如果你的table cell包含圖片，且數(shù)目較多，使用默認(rèn)的UITableViewCell會非常影響性能。奇怪的是，使用自定義的view，而非預(yù)定義的view，明顯會快些。
當(dāng)然，最佳的解決辦法還是繼承UITableViewCell，并在其drawRect:中自行繪制：
<pre>- (void)drawRect:(CGRect)rect {
if (image) {
[image drawAtPoint:imagePoint];
self.image = nil;
} else {
[placeHolder drawAtPoint:imagePoint];
}
[text drawInRect:textRect withFont:font lineBreakMode:UILineBreakModeTailTruncation];
}
</pre>
不過這樣一來，你會發(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ū)域之外的不需要進行繪制。
例如上例中，就可以用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è)備的圖像顯示》。
不要阻塞主線程。
做到前幾點后，你的table view滾動時應(yīng)該足夠流暢了，不過你仍可能讓用戶感到不爽。常見的現(xiàn)象就是在更新數(shù)據(jù)時，整個界面卡住不動，完全不響應(yīng)用戶請求。
出現(xiàn)這種現(xiàn)象的原因就是主線程執(zhí)行了耗時很長的函數(shù)或方法，在其執(zhí)行完畢前，無法繪制屏幕和響應(yīng)用戶請求。其中最常見的就是網(wǎng)絡(luò)請求了，它通常都需要花費數(shù)秒的時間，而你不應(yīng)該讓用戶等待那么久。
解決辦法就是使用多線程，讓子線程去執(zhí)行這些函數(shù)或方法。這里面還有一個學(xué)問，當(dāng)下載線程數(shù)超過2時，會顯著影響主線程的性能。因此在使用ASIHTTPRequest時，可以用一個NSOperationQueue來維護下載請求，并將其maxConcurrentOperationCount設(shè)為2。而NSURLRequest則可以配合GCD來實現(xiàn)，或者使用NSURLConnection的setDelegateQueue:方法。
當(dāng)然，在不需要響應(yīng)用戶請求時，也可以增加下載線程數(shù)，以加快下載速度：
<pre>
-(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;
}
</pre>
此外，自動載入更新數(shù)據(jù)對用戶來說也很友好，這減少了用戶等待下載的時間。例如每次載入50條信息，那就可以在滾動到倒數(shù)第10條以內(nèi)時，加載更多信息：
<pre>
-(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;
}
}
// 也可不遍歷，直接與頭尾相比較，看是否在中間即可。
</pre>
6.使用shadowPath來畫陰影
只要你提前告訴CoreAnimation你要渲染的View的形狀Shape,就會減少離屏渲染計算
<pre>
[cell.layer setShadowPath：[[UIBezierPath bezierPathWithRect：myView.bounds] CGPath];
</pre>
加上上面這行代碼，就減少離屏渲染時間，大大提高了性能

7.盡量不使用cellForRowAtIndexPath:，如果你需要用到它，只用一次然后緩存結(jié)果

8.使用正確的數(shù)據(jù)結(jié)構(gòu)來存儲數(shù)據(jù)

9.滑動時按需加載，避免漸變，圖片縮放，后臺選入
滑動時按需加載,這個在大量圖片展示,網(wǎng)絡(luò)加載的時候很管用!(SDWebImage已經(jīng)實現(xiàn)異步加載,配合這條性能杠杠的)
<pre>
//按需加載 - 如果目標(biāo)行與當(dāng)前行相差超過指定行數(shù)，只在目標(biāo)滾動范圍的前后指定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-3 inSection:0]];
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-2 inSection:0]];
[arr addObject:[NSIndexPath indexPathForRow:indexPath.row-1 inSection:0]];
}
}
[needLoadArr addObjectsFromArray:arr];
}
}</pre>
記得在tableView:cellForRowAtIndexPath:方法中加入判斷：
<pre>
if (needLoadArr.count>0&&[needLoadArr indexOfObject:indexPath]==NSNotFound) {
[cell clear];
return;
}