Instruments之CoreAnimation性能優(yōu)化

本章著重講解Instruments中的Core Animation工具吐根。需要真機(jī)調(diào)試

首先Command+i打開Instruments忧额,雙擊打開Core Animation工具

最新的xcode把調(diào)試工具換了個位置泌神,之前還一直找不到良漱。點擊紅色實心圈圈開始錄制舞虱。


調(diào)試

Color Blended Layers 圖層混合

Color Blended Layers 用來檢測哪里發(fā)生了圖層混合,并用紅色標(biāo)記出來母市,所以我們要盡可能減少看到的紅色區(qū)域矾兜。

我們先來看一份簡單的代碼


打開Color Blended Layers ,查看運行效果

注意看患久,UIView和UILabel都被標(biāo)注成紅色椅寺,因為他們都發(fā)生了圖層混合,UILabel的背景顏色默認(rèn)是透明的蒋失。

那么返帕,發(fā)生了圖層混合跟我們的性能有什么關(guān)系呢?

當(dāng)然有關(guān)系篙挽,因為圖層混合需要消耗一定的GPU資源去計算混合圖層的顏色荆萤,如果你把它的透明度設(shè)為100%,GPU就會自動忽略覆蓋在下面的所有l(wèi)ayer,只顯示最頂層的layer的顏色铣卡,從而省去了多余的運算链韭,性能也得到了優(yōu)化。

所以煮落,要解決上面的問題敞峭,只需要把 ViewA 的alpha設(shè)置為1.0,還有給UILabel加上一個不透明的背景顏色就可以了。

但是蝉仇,對于UIImageView而言旋讹,不僅UIImageView自身需要不透明之外,它的圖片也不能含有alpha通道量淌。因此骗村,如果是UIImageView出現(xiàn)了圖層混合,而你確定你自己的代碼沒有問題的話呀枢,可以聯(lián)系一下美工解決問題胚股。

Color Hits Green and Misses Red(光柵化)


文檔

光柵化,這個我在之前的文章iOS的視圖渲染中有提到過裙秋,它的意思是:使用緩存的光柵化被標(biāo)記為綠色琅拌,否則就被標(biāo)記為紅色。就是要你出現(xiàn)的綠色越多越好就對了摘刑。

光柵化就是將一個layer預(yù)先渲染成一個bitmap(位圖)进宝,然后加入到緩沖中。對于陰影枷恕、圓角這些會造成離屏渲染的操作党晋,而且是靜態(tài)的進(jìn)行光柵化處理,性能會得到很大部分的提升。

如何為一個layer開啟光柵化未玻,其實就一句話:

label.layer.shouldRasterize = true

例子:我將UITableView中的textLabel添加了陰影效果灾而,并且添加了一個光柵化的開關(guān)。

打開Color Hits Green and Misses Red 進(jìn)行調(diào)試扳剿,并打開swich的開關(guān)開啟光柵化旁趟。發(fā)現(xiàn)label都呈現(xiàn)紅色。但是當(dāng)你滑動的時候庇绽,label都變成綠色锡搜。因為都被緩存起來了。

當(dāng)你小幅度滑動的時候瞧掺,一直都是綠色耕餐。

當(dāng)你大幅度滑動的時候,新出現(xiàn)的label先是紅色夸盟,再是綠色蛾方。

如果禁止一秒,剛開始滑動label又是變成紅色再變綠色上陕。

總結(jié):layer進(jìn)行光柵化后渲染成位圖放在緩存中桩砰。當(dāng)屏幕出現(xiàn)滑動時,我們直接從緩存中讀取而不必渲染释簿,所以會看到綠色亚隅。當(dāng)新的label出現(xiàn)時,緩存中沒有個這個label的位圖庶溶,所以會變成紅色煮纵。還有一個非常重要的一點,就是緩存中的對象有效期只有100ms偏螺,即如果在0.1s內(nèi)沒有被使用就會自動從緩存中清理出去行疏。這就是為什么停留一會兒再滑動就會看到紅色。

光柵化有利也有弊套像,好的一面就是它會幫我們緩存酿联,但是壞的一面呢?當(dāng)你的label是動態(tài)變化的時候夺巩,這個就是壞處了贞让,當(dāng)你滑動的時候一直在幫你創(chuàng)建緩存。所以說柳譬,光柵化適合靜態(tài)的的效果喳张。動態(tài)的效果不適合。

Color Copied Images(圖片像素數(shù)據(jù)格式)

這個在之前的iOS的視圖渲染中也有提到過美澳,圖片(UIImage)被設(shè)置到UIImageView或者layer.contents,在layer被提交到GPU之前销部,會進(jìn)行解碼操作摸航,得到像素數(shù)據(jù)格式,如果GPU不支持這種格式柴墩,則CPU需要進(jìn)行格式轉(zhuǎn)換忙厌。此時,如果勾選Color Copied Images這個選項江咳,圖片會被標(biāo)記為藍(lán)色,說明這張圖片格式出現(xiàn)了問題哥放〖咧福可惜我本身對這方面不熟悉,所以并不能模擬出這個例子給你們看甥雕。

Color Non-Standard Surface Formats

這個選項目前找不到資料是干嘛用的踩身,蘋果文檔以及stackOverFlow都找不到對他的解釋。

Color Immediately(顏色刷新頻率)

Color Immediately.Removes the 10 ms delay when performing color-flush operations.

在執(zhí)行顏色刷新操作時移除10毫秒延遲社露。一般這個調(diào)試選項我們是用不到的挟阻。

Color Misaligned Images(圖片大小)

1.當(dāng)圖片的像素大小和控件的大小不一致導(dǎo)致需要縮放的時候,圖片會呈現(xiàn)黃色,如正常的2倍圖大小是 100px * 100 px,那么峭弟,我們UIImageView的大小就應(yīng)該是50point*50point.


Color Offscreen-Rendered Yellow(離屏渲染)

打開這個選項附鸽,會把離屏渲染的地方標(biāo)記為黃色,所以瞒瘸,我們應(yīng)該黃色坷备。

離屏渲染出現(xiàn)的情況:

(1)layer.shouldRasterize

(2)layer.shadow

(3)layer.mask

(4)layer.masksToBounds && layer.cornerRadius

(5)drawRect:方法

對于避免離屏渲染具體操作可以看iOS的視圖渲染

第一個是手動開啟離屏渲染情臭,對于靜態(tài)的內(nèi)容省撑,設(shè)置layer.shouldRasterize = true,其實對性能是有很大的優(yōu)化的,此時如果看到黃色俯在,我們也可以把他忽略竟秫。但是如果是動態(tài)的內(nèi)容,設(shè)置layer.shouldRasterize = true 是很消耗性能的跷乐,所以我們就應(yīng)該把shouldRasterize給關(guān)掉肥败。這個看具體情況。

另外劈猿,這里還需要說一下拙吉,最近在測試的時候發(fā)現(xiàn),對UIImageView直接設(shè)置圓角并不會出現(xiàn)離屏渲染揪荣,后來查了一下筷黔,原來是因為iOS版本的原因

iOS 9.0 之前UIimageView跟UIButton設(shè)置圓角都會觸發(fā)離屏渲染。

iOS 9.0 之后UIButton設(shè)置圓角會觸發(fā)離屏渲染仗颈,而UIImageView里png圖片設(shè)置圓角不會觸發(fā)離屏渲染了佛舱,如果設(shè)置其他陰影效果之類的還是會觸發(fā)離屏渲染的椎例。

Color Compositing Fast-Path Blue (快速路徑)

Places a blue overlay over content that is detached from the compositor.標(biāo)記由硬件繪制的路徑為藍(lán)色,藍(lán)色越多越好请祖,可以對直接使用OpenGL繪制的圖層進(jìn)行高亮订歪。沒有對OpenGL有過多的研究,所以這里沒辦法給出demo肆捕,大家只需要記住藍(lán)色越多越好就ok刷晋。你們可以拿我的OpenGLES中的項目去測試。

Flash Updated Regions (重繪區(qū)域)

這個選項會對重繪的內(nèi)容高亮成黃色,重繪就是指使用Core Graphics繪制慎陵,繪制會損耗一定的性能眼虱,因此重繪區(qū)域應(yīng)該越小越好。對于未發(fā)生變化的內(nèi)容則不應(yīng)該重繪席纽。


需要的話可以下載我的demo看下:?Github

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末捏悬,一起剝皮案震驚了整個濱河市,隨后出現(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)我...
    茶點故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著巴帮,像睡著了一般溯泣。 火紅的嫁衣襯著肌膚如雪虐秋。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天垃沦,我揣著相機(jī)與錄音客给,去河邊找鬼。 笑死肢簿,一個胖子當(dāng)著我的面吹牛靶剑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播池充,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼抬虽,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了纵菌?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤休涤,失蹤者是張志新(化名)和其女友劉穎咱圆,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體功氨,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡序苏,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了捷凄。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片忱详。...
    茶點故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖跺涤,靈堂內(nèi)的尸體忽然破棺而出匈睁,到底是詐尸還是另有隱情,我是刑警寧澤桶错,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布航唆,位于F島的核電站,受9級特大地震影響院刁,放射性物質(zhì)發(fā)生泄漏糯钙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一退腥、第九天 我趴在偏房一處隱蔽的房頂上張望任岸。 院中可真熱鬧,春花似錦狡刘、人聲如沸享潜。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽米碰。三九已至窝革,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間吕座,已是汗流浹背虐译。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留吴趴,地道東北人漆诽。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像锣枝,于是被迫代替她去往敵國和親厢拭。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,724評論 2 354

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