iOS 效能篇一一UITableView效能優化
[UITableView效能優化]
Cell是我們經常會使用的控制元件,以下幾種方法可以大大提高效能
1. 使用不透明檢視
不透明的檢視可以極大地提高渲染的速度。因此如非必要,可以將table cell及其子檢視的opaque屬性設為YES(預設值)
其中的特例包括背景色,它的alpha值應該為1(例如不要使用clearColor);影像的alpha值也應該為1,或者在畫圖時設為不透明。
2. 不要重複建立不必要的tableCell
前面說了,UITableView只需要一螢幕的UITableViewCell物件即可。因此在cell不可見時,可以將其快取起來,而在需要時繼續使用它即可
而UITableView也提供了這種機制,只需要簡單地設定一個identifier即可:
static NSString *CellIdentifier = @"xxx";
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
if (!cell) {
cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
}
值得一提的是,cell被重用時,它內部繪製的內容並不會被自動清除,因此你可能需要呼叫setNeedsDisplayInRect:或setNeedsDisplay方法。此外,在新增table cell的時候,如果不需要動畫效果,最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法,而是直接呼叫reloadData方法。因為前者會對所有indexPaths呼叫tableView:cellForRowAtIndexPath:方法,即便該cell並不需要顯示(不知道是不是bug),這就可能建立大量多餘的cell。勘誤:只是在模擬器上測試如此,真機除錯時沒有這種bug
3.減少檢視的數目。
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];
}
不過這樣一來,你會發現選中一行後,這個cell就變藍了,其中的內容就被擋住了。最簡單的方法就是將cell的selectionStyle屬性設為UITableViewCellSelectionStyleNone,這樣就不會被高亮了。此外還可以建立CALayer,將內容繪製到layer上,然後對cell的contentView.layer呼叫addSublayer:方法。這個例子中,layer並不會顯著影響效能,但如果layer透明,或者有圓角、變形等效果,就會影響到繪製速度了。解決辦法可參見後面的預渲染影像。
CALayer * imageLayer = [CALayer layer];
imageLayer.bounds = CGRectMake(0,0,200,100);
imageLayer.position = CGPointMake(200,200);
imageLayer.contents = (id)[UIImage imageNamed:@"xx.jpg"].CGImage;
imageLayer.contentsGravity = kCAGravityResizeAspect;
[tableCell.layer addSublayer:imageLayer];
4.不要做多餘的繪製工作
在實現drawRect:的時候,它的rect引數就是需要繪製的區域,這個區域之外的不需要進行繪製。例如上例中,就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否需要繪製image和text,然後再呼叫繪製方法。
5.預渲染影像
你會發現即使做到了上述幾點,當新的影像出現時,仍然會有短暫的停頓現象。解決的辦法就是在bitmap context裡先將其畫一遍,匯出成UIImage物件,然後再繪製到螢幕,詳細做法可見《利用預渲染加速iOS裝置的影像顯示》
6.不要阻塞主執行緒
做到前幾點後,你的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 *visibleIndexPathin indexPaths) {
if (indexPath == visibleIndexPath) {
MyTableViewCell *cell = (MyTableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath];
cell.image = image;
[cell setNeedsDisplayInRect:imageRect];
break;
}
}
// 也可不遍歷,直接與頭尾相比較,看是否在中間即可
最後還是前面所說過的insertRowsAtIndexPaths:withRowAnimation:方法,插入新行需要在主執行緒執行,而一次插入很多行的話,會長時間阻塞主執行緒。而換成reloadData方法的話,瞬間就處理完了
備註:本文用到的部分函式方法和Demo,均來自三方庫**KJExtensionHandler**,如有需要的朋友可自行pod 'KJExtensionHandler'
引入即可
Table效能優化介紹就到此完畢,後面有相關再補充,寫文章不容易,還請點個**小星星**傳送門
相關文章
- UITableView效能優化-中級篇UIView優化
- IOS效能優化篇iOS優化
- UITableView效能優化的幾點建議UIView優化
- 詳細整理iOS中UITableView的效能最佳化iOSUIView
- 效能優化篇優化
- iOS 效能優化套路iOS優化
- iOS效能優化系列篇之“列表流暢度優化”iOS優化
- iOS效能優化系列篇之“優化總體原則”iOS優化
- [效能優化]UITableView效能優化的一點感悟及計算UILabel高度的新方法優化UIView
- iOS 圖形效能優化iOS優化
- ios效能優化相關iOS優化
- iOS 效能優化備忘iOS優化
- iOS 效能優化的探索iOS優化
- iOS 效能優化總結iOS優化
- iOS開發——專案實戰總結&UITableView效能優化與卡頓問題iOSUIView優化
- 前端效能優化JavaScript篇前端優化JavaScript
- iOS 介面效能優化淺析iOS優化
- 【iOS 印象】效能優化梳理(Swift)iOS優化Swift
- iOS-效能優化深入探究iOS優化
- Android效能優化(1)—webview優化篇Android優化WebView
- Android效能優化篇之服務優化Android優化
- iOS效能優化 - APP啟動時間優化iOS優化APP
- 效能優化篇 - Performance(工具 & api)優化ORMAPI
- Linux 效能優化之 cup 篇Linux優化
- Linux 效能優化之 IO 篇Linux優化
- 效能優化開篇綜述優化
- PHP效能優化 -理論篇PHP優化
- iOS效能優化 - 工具Instruments之CoreAnimationiOS優化
- 【前端效能優化】vue效能優化前端優化Vue
- Linux 效能優化之 CPU 篇 ----- 套路篇Linux優化
- iOS效能優化 - 網路圖片載入優化iOS優化
- 前端效能優化之路——圖片篇。前端優化
- iOS 使用Instruments優化記憶體效能iOS優化記憶體
- iOS效能優化 - 工具Instruments之Time ProfileriOS優化
- iOS問題整理08----效能優化iOS優化
- 效能優化優化
- SQL效能第1篇:關係優化SQL優化
- Linux 效能優化之 記憶體 篇Linux優化記憶體