優(yōu)化tableView的流暢度

1 使用不透明視圖。

**不透明的視圖可以極大地提高渲染的速度。因此如非必要,可以將table cell及其子視圖的opaque屬性設為YES(默認值)。其中的特例包括背景色,它的alpha值應該為1(例如不要使用clearColor);圖像的alpha值也應該為1,或者在畫圖時設為不透明。

2不要重復創(chuàng)建不必要的table cell。

**前面說了,UITableView只需要一屏幕的UITableViewCell對象即可。因此在cell不可見時,可以將其緩存起來,而在需要時繼續(xù)使用它即可。而UITableView也提供了這種機制,只需要簡單地設置一個identifier即可:static NSString *CellIdentifier = @"xxx";UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];if (cell == nil) { cell = [[[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier] autorelease];}

值得一提的是,cell被重用時,它內(nèi)部繪制的內(nèi)容并不會被自動清除,因此你可能需要調(diào)用setNeedsDisplayInRect:或setNeedsDisplay方法。此 外,在添加table cell的時候,如果不需要動畫效果,最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法,而是直接調(diào) 用reloadData方法。因為前者會對所有indexPaths調(diào)用tableView:cellForRowAtIndexPath:方法,即便該 cell并不需要顯示(不知道是不是bug),這就可能創(chuàng)建大量多余的cell。勘誤:只是在模擬器上測試如此,真機調(diào)試時沒有這種bug。

3減少視圖的數(shù)目。

**UITableViewCell包含了textLabel、detailTextLabel和imageView等view,而你還可以自定義一些視圖放在它的contentView里。然而view是很大的對象,創(chuàng)建它會消耗較多資源,并且也影響渲染的性能。如果你的table cell包含圖片,且數(shù)目較多,使用默認的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];}

不過這樣一來,你會發(fā)現(xiàn)選中一行后,這個cell就變藍了,其中的內(nèi)容就被擋住了。最簡單的方法就是將cell的selectionStyle屬性設為UITableViewCellSelectionStyleNone,這樣就不會被高亮了。此 外還可以創(chuàng)建CALayer,將內(nèi)容繪制到layer上,然后對cell的contentView.layer調(diào)用addSublayer:方法。這個例 子中,layer并不會顯著影響性能,但如果layer透明,或者有圓角、變形等效果,就會影響到繪制速度了。解決辦法可參見后面的預渲染圖像。

4不要做多余的繪制工作。

**在實現(xiàn)drawRect:的時候,它的rect參數(shù)就是需要繪制的區(qū)域,這個區(qū)域之外的不需要進行繪制。例如上例中,就可以用CGRectIntersectsRect、CGRectIntersection或CGRectContainsRect判斷是否需要繪制image和text,然后再調(diào)用繪制方法。

5預渲染圖像。

**你會發(fā)現(xiàn)即使做到了上述幾點,當新的圖像出現(xiàn)時,仍然會有短暫的停頓現(xiàn)象。解決的辦法就是在bitmap context里先將其畫一遍,導出成UIImage對象,然后再繪制到屏幕,詳細做法可見《利用預渲染加速iOS設備的圖像顯示》

6不要阻塞主線程。

**做到前幾點后,你的table view滾動時應該足夠流暢了,不過你仍可能讓用戶感到不爽。常見的現(xiàn)象就是在更新數(shù)據(jù)時,整個界面卡住不動,完全不響應用戶請求。出現(xiàn)這種現(xiàn)象的原因就是主線程執(zhí)行了耗時很長的函數(shù)或方法,在其執(zhí)行完畢前,無法繪制屏幕和響應用戶請求。其中最常見的就是網(wǎng)絡請求了,它通常都需要花費數(shù)秒的時間,而你不應該讓用戶等待那么久。解 決辦法就是使用多線程,讓子線程去執(zhí)行這些函數(shù)或方法。這里面還有一個學問,當下載線程數(shù)超過2時,會顯著影響主線程的性能。因此在使用 ASIHTTPRequest時,可以用一個NSOperationQueue來維護下載請求,并將其 maxConcurrentOperationCount設為2。而NSURLRequest則可以配合GCD來實現(xiàn),或者使用NSURLConnection的setDelegateQueue:方法。當然,在不需要響應用戶請求時,也可以增加下載線程數(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;}

此外,自動載入更新數(shù)據(jù)對用戶來說也很友好,這減少了用戶等待下載的時間。例如每次載入50條信息,那就可以在滾動到倒數(shù)第10條以內(nèi)時,加載更多信息:- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath { if (count - indexPath.row < 10 && !updating) { updating = YES; [self update]; }}// update方法獲取到結(jié)果后,設置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; }}// 也可不遍歷,直接與頭尾相比較,看是否在中間即可。

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

最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容