性能優(yōu)化是一件沒有盡頭的事情,只要你想寥掐,就能找到無數(shù)種方法。優(yōu)化性能的同時你會對控件的理解更加透徹磷蜀,一些平時看不到的屬性召耘、方法也都會了解到,這是個很好的學(xué)習(xí)方法褐隆。
優(yōu)化前查了很多資料污它,看過很多前輩們的文章,這里把我用的方法總結(jié)一下:
- 從數(shù)據(jù)源頭開始庶弃,從服務(wù)器獲取數(shù)據(jù)后衫贬,通常會做很多的計算、數(shù)據(jù)轉(zhuǎn)化歇攻,例如在UI上顯示性別固惯、富文本、字符串的拼接缴守、計算高度等等葬毫。這些過程都放在后臺子線程來做镇辉,在后臺子線程處理完數(shù)據(jù)之后,在丟給cell贴捡。盡量在cell加載過程中產(chǎn)生計算忽肛,如果可以也要放在后臺子線程中,不要堵塞主線程烂斋。
- 設(shè)計好試圖布局屹逛,在保證需求實現(xiàn)和靈活性的情況下減少視圖層次。對于UI控件的選用則是夠用就好源祈,能用簡單的就用簡單的煎源,例如只是顯示一張圖片,沒有事件響應(yīng)的話就直接用layer就好了香缺,文本顯示用CATextLayer手销,比UILabel渲染快很多,更甚還可以用像AsyncDisplayKit這樣的異步渲染庫图张。缺點就是開發(fā)時間锋拖、難度加大,需要權(quán)衡利弊祸轮。
- 這里有一些很基礎(chǔ)的問題兽埃,例如:
- 控件要盡量設(shè)置成不透明的,很多人寫一個ImageView或Label時适袜,不會去設(shè)置背景顏色柄错,backgroundColor默認(rèn)是透明的,大部分情況下都會發(fā)生圖層混合苦酱。
- 顯示圖片使用正確的大小售貌、格式。這點很容易理解疫萤,圖片大小和顯示大小不一樣颂跨,cpu會替我們計算去適應(yīng)大小,這會額外增加cpu的負(fù)擔(dān)扯饶。圖片格式一般有UI設(shè)計師的情況下不太需要我們?nèi)リP(guān)心恒削,需要注意的是切圖不要含有alpha通道。
- 為什么設(shè)置陰影和圓角有可能影響滑動時流暢度尾序?
- shouldRasterize和離屏渲染的關(guān)系是什么钓丰,何時應(yīng)該使用?
接著實際操作每币,打開Instrument->Core Animation斑粱,這個必須使用真機,點擊左上角的紅色圓圈就會開始錄制脯爪。
左邊記錄了實時的fps數(shù)值则北,右邊是調(diào)試選項
圖層混合
圖層混合的意思是說矿微,當(dāng)有兩個圖層一上一下,上層是藍色尚揣,下層是紅色涌矢,透明度都為50%,顯示效果是紫色快骗。如果上層藍色是不透明的娜庇,顯示效果為藍色。
在手機上方篮,當(dāng)兩個透明度小于1的圖層發(fā)生重疊時名秀,GPU會去計算最終顯示的顏色是什么。但是當(dāng)上面的圖層透明度為1時藕溅,GPU不用關(guān)心下面的圖層是什么顏色匕得,直接顯示上面涂層的顏色就好了。實際中圖層數(shù)會更多巾表,計算量也會更大汁掠。
第一個調(diào)試選項"Color Blended Layers"正是用于檢測哪里發(fā)生了圖層混合,并用紅色標(biāo)記出來集币。因此我們需要盡可能減少看到的紅色區(qū)域考阱。
這里會用到“opaque”屬性,該屬性為BOOL值鞠苟,UIView的默認(rèn)值是YES乞榨,但UIButton、UIImageView等子類的默認(rèn)值都是NO当娱。opaque表示當(dāng)前UIView是否不透明吃既,但是它不能決定UIView是不是不透明。比如你將opaque設(shè)為NO趾访,UIView還是可見的态秧。
有些人對opaque和hidden的作用有些迷糊董虱,這里解釋一下,
當(dāng)hidden值設(shè)為YES時:
- 當(dāng)前的UIView和subview都會被隱藏扼鞋,而不管subview的hidden值為多少。
- 當(dāng)前UIView會從響應(yīng)者鏈中移除愤诱,而響應(yīng)者鏈中的下一個會成為第一響應(yīng)者云头。
當(dāng)opaque值設(shè)為YES時:代表當(dāng)前試圖使不透明的,當(dāng)當(dāng)前視圖和子視圖發(fā)生重疊時淫半,GPU將不會做任何的計算合成溃槐,不需要考慮它下方的任何東西(因為都被它遮擋住了),而是簡單從這個層拷貝科吭。這節(jié)省了GPU相當(dāng)大的工作量昏滴。opaque屬性的是繪圖系統(tǒng)提供一個性能優(yōu)化開關(guān)猴鲫!
當(dāng)opaque屬性被設(shè)為YES時,GPU就不會再利用圖層顏色合成公式去合成真正的色值谣殊。因此拂共,如果opaque被設(shè)置成YES,而對應(yīng)UIView的alpha屬性不為1.0的時候姻几,就會有不可預(yù)料的情況發(fā)生宜狐。
對于UIImageView來說,不僅它自身需要是不透明的蛇捌,它的圖片也不能含有alpha通道抚恒。所以一定要和美工說不要給我含有alpha通道的切圖。
通過預(yù)覽->文件->導(dǎo)出络拌,在格式下有alpha選項俭驮,把鉤去掉,這樣導(dǎo)出的圖片就不含alpha通道了盒音。
還有上面說的backgroundColor屬性表鳍,如果不設(shè)置這個屬性,控件依然被認(rèn)為是透明的祥诽。所以一定要記得設(shè)置控件的backgroundColor譬圣。
這里要單獨說一下UILabel,當(dāng)UILabel的text包含中文時雄坪,設(shè)置背景色后依然會發(fā)生圖層混合厘熟。這是因為在iOS8以前,[[label layer] class]= CALayer维哈,從iOS8開始[[label layer] class]= _UILabelLayer绳姨,label背景色的四周多了一圈透明的邊,而這一圈透明的邊明顯超出了圖層的矩形區(qū)域阔挠,正是這透明的邊導(dǎo)致 label 的實際渲染區(qū)域要大于 label 的 size, 發(fā)生了圖層混合飘庄。解決方法有兩種,一種是使用label.layer.masksToBounds=YES , 讓 label 只會渲染她的實際 size 區(qū)域购撼,但masksToBounds和cornerRadius跪削、shadow等一起使用會產(chǎn)生離屏渲染。另一種是使用CATextLayer迂求。