UITableView優(yōu)化卡頓、性能優(yōu)化

1.最常用的就是cell的重用, 注冊(cè)重用標(biāo)識(shí)符

如果不重用cell時(shí),每當(dāng)一個(gè)cell顯示到屏幕上時(shí),就會(huì)重新創(chuàng)建一個(gè)新的cell

如果有很多數(shù)據(jù)的時(shí)候,就會(huì)堆積很多cell。如果重用cell,為cell創(chuàng)建一個(gè)ID

每當(dāng)需要顯示cell 的時(shí)候,都會(huì)先去緩沖池中尋找可循環(huán)利用的cell,如果沒(méi)有再重新創(chuàng)建cell

2.避免cell的重新布局

cell的布局填充等操作 比較耗時(shí),一般創(chuàng)建時(shí)就布局好

如可以將cell單獨(dú)放到一個(gè)自定義類,初始化時(shí)就布局好

3.提前計(jì)算并緩存cell的屬性及內(nèi)容

當(dāng)我們創(chuàng)建cell的數(shù)據(jù)源方法時(shí),編譯器并不是先創(chuàng)建cell 再定cell的高度

而是先根據(jù)內(nèi)容一次確定每一個(gè)cell的高度,高度確定后,再創(chuàng)建要顯示的cell,滾動(dòng)時(shí),每當(dāng)cell進(jìn)入憑虛都會(huì)計(jì)算高度,提前估算高度告訴編譯器,編譯器知道高度后,緊接著就會(huì)創(chuàng)建cell,這時(shí)再調(diào)用高度的具體計(jì)算方法,這樣可以方式浪費(fèi)時(shí)間去計(jì)算顯示以外的cell

4.減少cell中控件的數(shù)量

盡量使cell得布局大致相同,不同風(fēng)格的cell可以使用不用的重用標(biāo)識(shí)符,初始化時(shí)添加控件,

不適用的可以先隱藏

5.不要使用ClearColor,無(wú)背景色,透明度也不要設(shè)置為0

渲染耗時(shí)比較長(zhǎng)

6.使用局部更新

如果只是更新某組的話,使用reloadSection進(jìn)行局部更新

7.加載網(wǎng)絡(luò)數(shù)據(jù),下載圖片,使用異步加載,并緩存


8.少使用addView 給cell動(dòng)態(tài)添加view


9.按需加載cell,cell滾動(dòng)很快時(shí),只加載范圍內(nèi)的cell


10.不要實(shí)現(xiàn)無(wú)用的代理方法,tableView只遵守兩個(gè)協(xié)議


11.緩存行高:estimatedHeightForRow不能和HeightForRow里面的layoutIfNeed同時(shí)存在,這兩者同時(shí)存在才會(huì)出現(xiàn)“竄動(dòng)”的bug。所以我的建議是:只要是固定行高就寫(xiě)預(yù)估行高來(lái)減少行高調(diào)用次數(shù)提升性能。如果是動(dòng)態(tài)行高就不要寫(xiě)預(yù)估方法了,用一個(gè)行高的緩存字典來(lái)減少代碼的調(diào)用次數(shù)即可


有了上面的問(wèn)題,我們?cè)趦?yōu)化tableView的時(shí)候就能好解決一個(gè)卡頓的問(wèn)題了。

在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的子類,因此它可以自動(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)建方法。


其他諸如編輯之類的就不提了,因?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è)為不透明。


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


前面說(shuō)了,UITableView只需要一屏幕的UITableViewCell對(duì)象即可。因此在cell不可見(jiàn)時(shí),可以將其緩存起來(lái),而在需要時(shí)繼續(xù)使用它即可。


而UITableView也提供了這種機(jī)制,只需要簡(jiǎn)單地設(shè)置一個(gè)identifier即可:

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


值得一提的是,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:中自行繪制:

1- (void)drawRect:(CGRect)rect 2? ? { 3if (image) 4? ? ? ? { 5? ? ? ? ? ? [image drawAtPoint:imagePoint]; 6self.image = nil; 7}else { 8? ? ? ? ? ? [placeHolder drawAtPoint:imagePoint]; 9? ? ? ? }10? ? ? ? [text drawInRect:textRect withFont:font lineBreakMode:UILineBreakModeTailTruncation];11}


不過(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ù),以加快下載速度:

1- (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)的,還需要更新圖像:


1NSArray *indexPaths = [self.tableView indexPathsForVisibleRows];2for(NSIndexPath *visibleIndexPathin indexPaths) {3if(indexPath == visibleIndexPath) { 4MyTableViewCell *cell = (MyTableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath];5cell.image = image; 6[cell setNeedsDisplayInRect:imageRect];break; 7}8}// 也可不遍歷,直接與頭尾相比較,看是否在中間即可。


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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、簡(jiǎn)介 <<UITableView(或簡(jiǎn)單地說(shuō),表視圖)的一個(gè)實(shí)例是用于顯示和編輯分層列出的信息的一種手段 <<...
    無(wú)邪8閱讀 10,958評(píng)論 3 3
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,621評(píng)論 1 32
  • 1、通過(guò)CocoaPods安裝項(xiàng)目名稱項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明AI閱讀 16,172評(píng)論 3 119
  • Introduction In the world ofhackers, the kind of answers ...
    晴空00閱讀 710評(píng)論 0 0
  • 女孩子的未來(lái)是明亮的 ,我們要一步一步走向未來(lái)
    諾楓吶閱讀 119評(píng)論 0 0

友情鏈接更多精彩內(nèi)容