優(yōu)化tableView性能

UITableView是UIScrollView的子類绳军,因此它可以自動響應(yīng)滾動事件(一般為上下滾動)峰弹。

它內(nèi)部包含0到多個(gè)UITableViewCell對象赘理,每個(gè)table cell展示各自的內(nèi)容座韵。當(dāng)新cell需要被顯示時(shí)介陶,就會調(diào)用tableView:cellForRowAtIndexPath:方法來獲取或創(chuàng)建一個(gè)cell腹备;而不可視時(shí),它又會被釋放斤蔓。由此可見,同一時(shí)間其實(shí)只需要存在一屏幕的****cell****對象即可镀岛,不需要為每一行創(chuàng)建一個(gè)cell弦牡。

此外友驮,UITableView還可以分為多個(gè)sections,每個(gè)區(qū)段都可以有自己的head驾锰、foot和cells卸留。而在定位一個(gè)cell時(shí),就需要2個(gè)字段了:在哪個(gè)section椭豫,以及在這個(gè)section的第幾行耻瑟。這在iOS SDK中是用NSIndexPath來表述的,UIKit為其添加了indexPathForRow:inSection:這個(gè)創(chuàng)建方法赏酥。
其他諸如編輯之類的就不提了喳整,因?yàn)楹捅疚臒o關(guān)。
介紹完原理裸扶,接下來就開始優(yōu)化吧框都。

1.使用不透明視圖。
不透明的視圖可以極大地提高渲染的速度呵晨。因此如非必要魏保,可以將table cell及其子視圖的opaque屬性設(shè)為YES(默認(rèn)值)。
其中的特例包括背景色摸屠,它的alpha值應(yīng)該為1(例如不要使用clearColor)谓罗;圖像的alpha值也應(yīng)該為1,或者在畫圖時(shí)設(shè)為不透明季二。

2.不要重復(fù)創(chuàng)建不必要的****table cell****檩咱。
前面說了,UITableView只需要一屏幕的UITableViewCell對象即可戒傻。因此在cell不可見時(shí)税手,可以將其緩存起來,而在需要時(shí)繼續(xù)使用它即可需纳。
而UITableView也提供了這種機(jī)制芦倒,只需要簡單地設(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)容并不會被自動清除兵扬,因此你可能需要調(diào)用setNeedsDisplayInRect:或setNeedsDisplay方法。
此外口蝠,在添加table cell的時(shí)候器钟,如果不需要動畫效果,最好不要使用insertRowsAtIndexPaths:withRowAnimation:方法妙蔗,而是直接調(diào)用reloadData方法傲霸。因?yàn)榍罢邥λ衖ndexPaths調(diào)用tableView:cellForRowAtIndexPath:方法,即便該cell并不需要顯示(不知道是不是bug),這就可能創(chuàng)建大量多余的cell昙啄∧乱郏勘誤:只是在模擬器上測試如此,真機(jī)調(diào)試時(shí)沒有這種bug梳凛。

3.減少視圖的數(shù)目耿币。
UITableViewCell包含了textLabel、detailTextLabel和imageView等view韧拒,而你還可以自定義一些視圖放在它的contentView里淹接。然而view是很大的對象,創(chuàng)建它會消耗較多資源叛溢,并且也影響渲染的性能塑悼。
如果你的table cell包含圖片,且數(shù)目較多雇初,使用默認(rèn)的UITableViewCell會非常影響性能拢肆。奇怪的是,使用自定義的view靖诗,而非預(yù)定義的view郭怪,明顯會快些。
當(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]; }

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

4.不要做多余的繪制工作驰唬。
在實(shí)現(xiàn)drawRect:的時(shí)候顶岸,它的rect參數(shù)就是需要繪制的區(qū)域腔彰,這個(gè)區(qū)域之外的不需要進(jìn)行繪制。
例如上例中蜕琴,就可以用CGRectIntersectsRect萍桌、CGRectIntersection或CGRectContainsRect判斷是否需要繪制image和text,然后再調(diào)用繪制方法凌简。

5.預(yù)渲染圖像。
你會發(fā)現(xiàn)即使做到了上述幾點(diǎn)恃逻,當(dāng)新的圖像出現(xiàn)時(shí)雏搂,仍然會有短暫的停頓現(xiàn)象。解決的辦法就是在bitmap context里先將其畫一遍寇损,導(dǎo)出成UIImage對象凸郑,然后再繪制到屏幕

6.不要阻塞主線程。
做到前幾點(diǎn)后矛市,你的table view滾動時(shí)應(yīng)該足夠流暢了芙沥,不過你仍可能讓用戶感到不爽。常見的現(xiàn)象就是在更新數(shù)據(jù)時(shí)浊吏,整個(gè)界面卡住不動而昨,完全不響應(yīng)用戶請求。
出現(xiàn)這種現(xiàn)象的原因就是主線程執(zhí)行了耗時(shí)很長的函數(shù)或方法找田,在其執(zhí)行完畢前歌憨,無法繪制屏幕和響應(yīng)用戶請求。其中最常見的就是網(wǎng)絡(luò)請求了墩衙,它通常都需要花費(fèi)數(shù)秒的時(shí)間务嫡,而你不應(yīng)該讓用戶等待那么久。
解決辦法就是使用多線程漆改,讓子線程去執(zhí)行這些函數(shù)或方法心铃。這里面還有一個(gè)學(xué)問,當(dāng)下載線程數(shù)超過2時(shí)挫剑,會顯著影響主線程的性能去扣。因此在使用ASIHTTPRequest時(shí),可以用一個(gè)NSOperationQueue來維護(hù)下載請求暮顺,并將其maxConcurrentOperationCount設(shè)為2厅篓。而NSURLRequest則可以配合[GCD] 或者使用NSURLConnection的setDelegateQueue:方法。

或者使用NSURLConnection的setDelegateQueue:方法捶码。
當(dāng)然羽氮,在不需要響應(yī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; }

此外档押,自動載入更新數(shù)據(jù)對用戶來說也很友好,這減少了用戶等待下載的時(shí)間。例如每次載入50條信息令宿,那就可以在滾動到倒數(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是可見的筛婉,還需要更新圖像:

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行)硕勿,會長時(shí)間阻塞主線程。而換成reloadData方法的話枫甲,瞬間就處理完了源武。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市想幻,隨后出現(xiàn)的幾起案子粱栖,更是在濱河造成了極大的恐慌,老刑警劉巖举畸,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件查排,死亡現(xiàn)場離奇詭異,居然都是意外死亡抄沮,警方通過查閱死者的電腦和手機(jī)跋核,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來叛买,“玉大人砂代,你說我怎么就攤上這事÷收酰” “怎么了刻伊?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長椒功。 經(jīng)常有香客問我捶箱,道長,這世上最難降的妖魔是什么动漾? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任丁屎,我火速辦了婚禮,結(jié)果婚禮上旱眯,老公的妹妹穿的比我還像新娘晨川。我一直安慰自己证九,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布共虑。 她就那樣靜靜地躺著愧怜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪妈拌。 梳的紋絲不亂的頭發(fā)上拥坛,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機(jī)與錄音尘分,去河邊找鬼渴逻。 笑死,一個(gè)胖子當(dāng)著我的面吹牛音诫,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播雪位,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼竭钝,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了雹洗?” 一聲冷哼從身側(cè)響起香罐,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎时肿,沒想到半個(gè)月后庇茫,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡螃成,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年旦签,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片寸宏。...
    茶點(diǎn)故事閱讀 39,795評論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡宁炫,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出氮凝,到底是詐尸還是另有隱情羔巢,我是刑警寧澤,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布罩阵,位于F島的核電站竿秆,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏稿壁。R本人自食惡果不足惜幽钢,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望常摧。 院中可真熱鬧搅吁,春花似錦威创、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至界拦,卻和暖如春吸申,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背享甸。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工截碴, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蛉威。 一個(gè)月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓日丹,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蚯嫌。 傳聞我的和親對象是個(gè)殘疾皇子哲虾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評論 2 354

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