iOS中UITableView性能優(yōu)化

在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è)為不透明躏嚎。

當(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需要為TableView渲染一個(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末塘慕,一起剝皮案震驚了整個(gè)濱河市蒂胞,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蛤织,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件乞巧,死亡現(xiàn)場(chǎng)離奇詭異摊鸡,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)是辕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門掸刊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)赢乓,“玉大人,你說(shuō)我怎么就攤上這事蚓炬√善ǎ” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵驯击,是天一觀的道長(zhǎng)徊都。 經(jīng)常有香客問(wèn)我广辰,道長(zhǎng),這世上最難降的妖魔是什么择吊? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任几睛,我火速辦了婚禮,結(jié)果婚禮上冀续,老公的妹妹穿的比我還像新娘。我一直安慰自己洪唐,他們只是感情好凭需,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著顺献,像睡著了一般枯怖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上肿轨,一...
    開(kāi)封第一講書(shū)人閱讀 49,816評(píng)論 1 290
  • 那天蕊程,我揣著相機(jī)與錄音,去河邊找鬼驹暑。 笑死辨赐,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的兼吓。 我是一名探鬼主播森枪,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼浑娜!你這毒婦竟也來(lái)了式散?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤漓滔,失蹤者是張志新(化名)和其女友劉穎响驴,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體豁鲤,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡琳骡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了最易。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炫狱。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡毕荐,死狀恐怖艳馒,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情弄慰,我是刑警寧澤,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站慌闭,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏省古。R本人自食惡果不足惜丧失,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望琳拭。 院中可真熱鬧,春花似錦坑鱼、人聲如沸权薯。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)屎开。三九已至,卻和暖如春蔼两,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背额划。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工俊戳, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留馆匿,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓阿逃,卻偏偏與公主長(zhǎng)得像赃蛛,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子呕臂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

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