本文参考黄建敏(@kuailejim)的浅谈iOS中的视图优化
引言:
让我们来思考几个问题,你开发过的产品,它还有可以优化的地方吗?能增加它的帧率吗?能减少多余的CPU计算吗?是不是存在多余的GPU渲染?业务这点工作量对于越来越强大的设备面前显得微不足道,但作为一个细心的开发者,我觉得很有必要来谈谈iOS中的视图优化。
本文从开发者最容易犯错的地方出发,结合例子,从以下几个角度阐述如何进行视图优化:
(1) Color Blended Layers
(2) Color Copied Images
(3) Color Misaligned Images
(4) Color Offscreen-Rendered
1. Color Blended Layers
官方是这么描述它的:
Shows blended view layers. Multiple view layers that are drawn on top of each other with blending enabled are highlighted in red. Reducing the amount of red in your app when this option is selected can dramatically improve your app’s performance. Blended view layers often cause slow table scrolling.
简单来说,屏幕上的每个像素点的颜色是由当前像素点上的多层layer(如果存在)共同决定的,GPU会进行计算出混合颜色的RGB值,最终显示在屏幕上。而这需要让GPU计算,所以我们要尽量避免设置alpha,这样GPU会忽略下面所有的layer,节约计算量。
设置了透明的view会让GPU计算图层混合后的最终结果。
我想再提一下opaque这个属性,网上普遍认为view.opaque = YES,GPU就不会进行图层混合计算了。而这个结论是错误的,其实view.opaque事实上并没什么卵用。
如果你真的想达到这个效果,可以用layer.opaque,这个才是正确的做法。
2. Color Copied Images
官方是这么描述它的:
If an image is in a color format that the GPU can not directly work with, it will be converted in the CPU.
简而言之,苹果的GPU只解析32bit的颜色格式,记住是32bit。
如果你放一张图片,而它的颜色格式却不是32bit,CPU会先进行颜色格式转换,再让GPU渲染。乖乖的CPU就默默做了这个多余的工作。
所以给你两个选择:
(1) 让设计湿都给你切32bit的图
(2) 自己去跑个异步线程来转换颜色去吧,不要去堵塞本来就压力很大的主线程!
你选哪个?当然是让设计湿切图啦,我才不愿意多写代码。
而且于情于理,就算异步转换颜色,也会导致性能损耗,比如电量增多,发热强变大等等等等。
3. Color Misaligned Images
官方是这么描述它的:
Misaligned Image表示要绘制的点无法直接映射到频幕上的像素点,此时系统需要对相邻的像素点做anti-aliasing反锯齿计算,增加了图形负担,通常这种问题出在对某些View的Frame重新计算和设置时产生的。
很简单,不要出现image size与imageView size不同的情况,这样会触发反锯齿计算,增加性能损耗。
所以,实际开发中,本地的图片比较好把控,只需要写好对应的尺寸就好了,但是对于download下来的图片,可以在加载完后进行size处理,以满足imageView frame。特别是对于很多app,有大量的tableview,如果进行处理,则会大幅度提高流畅度。
4. Color Offscreen-Rendered
最后就是Offscreen-Rendered(离屏渲染)了。
这个东西讲起来感觉非常复杂,我觉得只需要知道,离屏渲染会导致CPU在后台保存一份bitmap,所以会导致CPU多余运算。
而避免的方式则是避免去做触发的动作:
(1) 重写drawRect方法
(2) masksToBounds
(3) 其他一些手动触发离屏渲染的动作