在iOS應(yīng)用中，UITableView應(yīng)該是使用率最高的視圖之一了。iPod、時(shí)鐘、日歷、備忘錄、Mail、天氣、照片、電話、短信、Safari、App Store、iTunes、Game Center?幾乎所有自帶的應(yīng)用中都能看到它的身影，可見(jiàn)它的重要性。
然而在使用第三方應(yīng)用時(shí)，卻經(jīng)常遇到性能上的問(wèn)題，普遍表現(xiàn)在滾動(dòng)時(shí)比較卡，特別是table cell中包含圖片的情況時(shí)。
實(shí)際上只要針對(duì)性地優(yōu)化一下，這種問(wèn)題就不會(huì)有了。有興趣的可以看看LazyTableImages這個(gè)官方的例子程序，雖然也要從網(wǎng)上下載圖片并顯示，但滾動(dòng)時(shí)絲毫不卡。
下面就說(shuō)說(shuō)我對(duì)UITableView的了解。不過(guò)由于我也是初學(xué)者，或許會(huì)說(shuō)錯(cuò)或遺漏一些，因此僅供參考。
首先說(shuō)下UITableView的原理。有興趣的可以看看《About Table Views in iOS-Based Applications》。
UITableView是UIScrollView的子類(lèi)，因此它可以自動(dòng)響應(yīng)滾動(dòng)事件（一般為上下滾動(dòng)）。
它內(nèi)部包含0到多個(gè)UITableViewCell對(duì)象，每個(gè)table cell展示各自的內(nèi)容。當(dāng)新cell需要被顯示時(shí)，就會(huì)調(diào)用tableView:cellForRowAtIndexPath:方法來(lái)獲取或創(chuàng)建一個(gè)cell；而不可視時(shí)，它又會(huì)被釋放。由此可見(jiàn)，同一時(shí)間其實(shí)只需要存在一屏幕的cell對(duì)象即可，不需要為每一行創(chuàng)建一個(gè)cell。
此外，UITableView還可以分為多個(gè)sections，每個(gè)區(qū)段都可以有自己的head、foot和cells。而在定位一個(gè)cell時(shí)，就需要2個(gè)字段了：在哪個(gè)section，以及在這個(gè)section的第幾行。這在iOS SDK中是用NSIndexPath來(lái)表述的，UIKit為其添加了indexPathForRow:inSection:這個(gè)創(chuàng)建方法。
其他諸如編輯之類(lèi)的就不提了，因?yàn)楹捅疚臒o(wú)關(guān)。
介紹完原理，接下來(lái)就開(kāi)始優(yōu)化吧。
使用不透明視圖。
不透明的視圖可以極大地提高渲染的速度。因此如非必要，可以將table cell及其子視圖的opaque屬性設(shè)為YES（默認(rèn)值）。
其中的特例包括背景色，它的alpha值應(yīng)該為1（例如不要使用clearColor）；圖像的alpha值也應(yīng)該為1，或者在畫(huà)圖時(shí)設(shè)為不透明。
當(dāng)一個(gè)view是透明的，iOS需要渲染一個(gè)像素兩次或多次，這是因?yàn)橐粋€(gè)像素同時(shí)屬于很多subviews。這是一個(gè)非常耗時(shí)的過(guò)程。
通過(guò)代碼或者InterfaceBuilder能夠很簡(jiǎn)單的做到。開(kāi)發(fā)者應(yīng)該多次檢查所有的subviews是不透明的。
對(duì)于自定義代碼，你可以通過(guò)代碼來(lái)設(shè)置，如下：
view.opaque = YES;
不要重復(fù)創(chuàng)建不必要的table cell。
前面說(shuō)了，UITableView只需要一屏幕的UITableViewCell對(duì)象即可。因此在cell不可見(jiàn)時(shí)，可以將其緩存起來(lái)，而在需要時(shí)繼續(xù)使用它即可。
而UITableView也提供了這種機(jī)制，只需要簡(jiǎn)單地設(shè)置一個(gè)identifier即可：
static NSString *CellIdentifier = @"xxx";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (cell == nil) {
cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];
}
值得一提的是，cell被重用時(shí)，它內(nèi)部繪制的內(nèi)容并不會(huì)被自動(dòng)清除，因此你可能需要調(diào)用setNeedsDisplayInRect:或setNeedsDisplay方法。
此外，在添加table cell的時(shí)候，如果不需要?jiǎng)赢?huà)效果，最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法，而是直接調(diào)用reloadData方法。因?yàn)榍罢邥?huì)對(duì)所有indexPaths調(diào)用tableView:cellForRowAtIndexPath:方法，即便該cell并不需要顯示（不知道是不是bug），這就可能創(chuàng)建大量多余的cell?？闭`：只是在模擬器上測(cè)試如此，真機(jī)調(diào)試時(shí)沒(méi)有這種bug。
減少視圖的數(shù)目。
UITableViewCell包含了textLabel、detailTextLabel和imageView等view，而你還可以自定義一些視圖放在它的contentView里。然而view是很大的對(duì)象，創(chuàng)建它會(huì)消耗較多資源，并且也影響渲染的性能。
如果你的table cell包含圖片，且數(shù)目較多，使用默認(rèn)的UITableViewCell會(huì)非常影響性能。奇怪的是，使用自定義的view，而非預(yù)定義的view，明顯會(huì)快些。
當(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];
}
不過(guò)這樣一來(lái)，你會(huì)發(fā)現(xiàn)選中一行后，這個(gè)cell就變藍(lán)了，其中的內(nèi)容就被擋住了。最簡(jiǎn)單的方法就是將cell的selectionStyle屬性設(shè)為UITableViewCellSelectionStyleNone，這樣就不會(huì)被高亮了。
此外還可以創(chuàng)建CALayer，將內(nèi)容繪制到layer上，然后對(duì)cell的contentView.layer調(diào)用addSublayer:方法。這個(gè)例子中，layer并不會(huì)顯著影響性能，但如果layer透明，或者有圓角、變形等效果，就會(huì)影響到繪制速度了。解決辦法可參見(jiàn)后面的預(yù)渲染圖像。
不要做多余的繪制工作。
在實(shí)現(xiàn)drawRect:的時(shí)候，它的rect參數(shù)就是需要繪制的區(qū)域，這個(gè)區(qū)域之外的不需要進(jìn)行繪制。
例如上例中，就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否需要繪制image和text，然后再調(diào)用繪制方法。
預(yù)渲染圖像。
你會(huì)發(fā)現(xiàn)即使做到了上述幾點(diǎn)，當(dāng)新的圖像出現(xiàn)時(shí)，仍然會(huì)有短暫的停頓現(xiàn)象。解決的辦法就是在bitmap context里先將其畫(huà)一遍，導(dǎo)出成UIImage對(duì)象，然后再繪制到屏幕，詳細(xì)做法可見(jiàn)《利用預(yù)渲染加速iOS設(shè)備的圖像顯示》。
不要阻塞主線程。
做到前幾點(diǎn)后，你的table view滾動(dòng)時(shí)應(yīng)該足夠流暢了，不過(guò)你仍可能讓用戶感到不爽。常見(jiàn)的現(xiàn)象就是在更新數(shù)據(jù)時(shí)，整個(gè)界面卡住不動(dòng)，完全不響應(yīng)用戶請(qǐng)求。
出現(xiàn)這種現(xiàn)象的原因就是主線程執(zhí)行了耗時(shí)很長(zhǎng)的函數(shù)或方法，在其執(zhí)行完畢前，無(wú)法繪制屏幕和響應(yīng)用戶請(qǐng)求。其中最常見(jiàn)的就是網(wǎng)絡(luò)請(qǐng)求了，它通常都需要花費(fèi)數(shù)秒的時(shí)間，而你不應(yīng)該讓用戶等待那么久。
解決辦法就是使用多線程，讓子線程去執(zhí)行這些函數(shù)或方法。這里面還有一個(gè)學(xué)問(wèn)，當(dāng)下載線程數(shù)超過(guò)2時(shí)，會(huì)顯著影響主線程的性能。因此在使用ASIHTTPRequest時(shí)，可以用一個(gè)NSOperationQueue來(lái)維護(hù)下載請(qǐng)求，并將其maxConcurrentOperationCount設(shè)為2。而NSURLRequest則可以配合GCD來(lái)實(shí)現(xiàn)，或者使用NSURLConnection的setDelegateQueue:方法。
當(dāng)然，在不需要響應(yīng)用戶請(qǐng)求時(shí)，也可以增加下載線程數(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;
}
此外，自動(dòng)載入更新數(shù)據(jù)對(duì)用戶來(lái)說(shuō)也很友好，這減少了用戶等待下載的時(shí)間。例如每次載入50條信息，那就可以在滾動(dòng)到倒數(shù)第10條以內(nèi)時(shí)，加載更多信息：
- (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
還有一點(diǎn)要注意的就是當(dāng)圖片下載完成后，如果cell是可見(jiàn)的，還需要更新圖像：
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;
}
}
// 也可不遍歷，直接與頭尾相比較，看是否在中間即可。
最后還是前面所說(shuō)過(guò)的insertRowsAtIndexPaths:withRowAnimation:方法，插入新行需要在主線程執(zhí)行，而一次插入很多行的話（例如50行），會(huì)長(zhǎng)時(shí)間阻塞主線程。而換成reloadData方法的話，瞬間就處理完了。
7、減少預(yù)加載時(shí)間
通常，我會(huì)通過(guò)緩存來(lái)重用圖片，同時(shí)減少初始化的過(guò)程。當(dāng)OS需要為T(mén)ableView渲染一個(gè)新的cell，會(huì)通過(guò)調(diào)用下面的方法來(lái)返回一個(gè)新的cell：
view sourceprint?
1.
- (UITableViewCell *)tableView:(UITableView *)tableViewcellForRowAtIndexPath:(NSIndexPath *)indexPath {
2.
// Initialize and return the Cell here
3.
}
因此，如果你在這里阻塞了太長(zhǎng)的時(shí)間，UserInterface渲染的過(guò)程就會(huì)被阻塞；它將不能做任何事情或顯示任何新的東西。這就是為什么用戶看到在某個(gè)地方滾動(dòng)停止的原因。
為了使這個(gè)過(guò)程盡可能的快，你可以去除一些邏輯，延遲計(jì)算，通過(guò)重用來(lái)緩存數(shù)據(jù)和圖片。另外一個(gè)方法是通過(guò)首先使用默認(rèn)的圖片和數(shù)據(jù)來(lái)重用cell。當(dāng)要獲取圖片或數(shù)據(jù)的時(shí)候，你可以使用多線程，然后稍后進(jìn)行填充。從用戶的角度來(lái)看，這種方法將會(huì)使得滾動(dòng)更加流程，加載圖片的速度更快。
8、緩存高度
無(wú)論是否需要?jiǎng)?chuàng)建一個(gè)新的cell，你需要緩存rows的高度，因?yàn)檫@是TableView所需要的信息。如果你的cell的高度是固定的，你不必?fù)?dān)心。然而，如果它不是固定的，你需要確保你的cell計(jì)算足夠的快。
可以嘗試使用如下代碼：
view sourceprint?
1.
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath {
2.
return 80;
3.
}
避免使用下面的代碼：
view sourceprint?
1.
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath*)indexPath {
2.
for (int i = 0; i < 100; i++) {
3.
// find the smallest possible height for the row
4.
}
5.
return smallestHeight;
6.
}
當(dāng)需要渲染cell或者在動(dòng)畫(huà)過(guò)程中需要編輯/重排序cell的時(shí)候，OS會(huì)多次運(yùn)行第一段代碼段。xiang像第二段代碼中有一個(gè)循環(huán)，無(wú)論是否需要知道cell的高度，OS都會(huì)運(yùn)行一個(gè)重復(fù)100次的循環(huán)。
9、避免使用圖形特效
避免在UIImage中使用復(fù)雜的圖形特效(例如漸變)。
總結(jié)
恰當(dāng)?shù)闹赜胏ell：這是第一步，也是最重要的一步。重用一個(gè)cell非常簡(jiǎn)單，但是很多應(yīng)用都會(huì)漏了這一步。因此，你如果有很多性能問(wèn)題，確保多次檢查這方面的問(wèn)題。
恰當(dāng)?shù)?緩存/重用 圖片/數(shù)據(jù)：另外一個(gè)重要的步驟就是當(dāng)返回一個(gè)cell顯示的時(shí)候，減少數(shù)據(jù)加載和邏輯處理的時(shí)間。
減少總的加載和計(jì)算時(shí)間：并不是僅僅只有IO會(huì)減慢和阻塞UI線程；任何數(shù)據(jù)的處理都會(huì)減慢這個(gè)過(guò)程。因此，你應(yīng)該總是盡可能的減少這個(gè)過(guò)程的處理時(shí)間。
自行繪制cell：在渲染table view的時(shí)候，為了充分利用GPU計(jì)算密集型的優(yōu)勢(shì)，你應(yīng)該考慮使用直接繪制的方法。這樣會(huì)顯著的提升渲染的速度，增加測(cè)量的性能；fps幾乎接近最大。你可以通過(guò)復(fù)寫(xiě)drawRect方法繪制自己的cell，然后在每個(gè)元素中調(diào)用不同的方法繪制每個(gè)UI元素。
透明度：當(dāng)開(kāi)發(fā)者將他們的UI元素放進(jìn)view的時(shí)候，這是經(jīng)常會(huì)遇到的小問(wèn)題。如果他們沒(méi)有設(shè)置view為不透明，渲染的時(shí)候就要對(duì)同一個(gè)點(diǎn)繪制兩次或多次。
緩存高度：這是開(kāi)發(fā)者經(jīng)常會(huì)犯的另一個(gè)小錯(cuò)誤。每當(dāng)需要一個(gè)新的cell，每次都會(huì)有兩個(gè)主要的方法被調(diào)用。
避免圖形特效：在cell中有越多的特效，渲染的過(guò)程就越慢。因此，你應(yīng)該對(duì)此進(jìn)行測(cè)試。你可以使用CoreAnimation來(lái)查看每個(gè)UI元素渲染的效率。
編輯/重排序性能：滾動(dòng)性能優(yōu)化，對(duì)于編輯或重排序來(lái)說(shuō)，可能會(huì)帶來(lái)一些問(wèn)題，因?yàn)閁IKit和動(dòng)畫(huà)框架已經(jīng)多subview進(jìn)行了優(yōu)化。如果你是自己繪制的話，這些框架的優(yōu)化將不起作用
相關(guān)鏈接:http://blog.csdn.net/majiakun1/article/details/8948663
https://developer.apple.com/library/ios/samplecode/LazyTableImages/Introduction/Intro.html
