Instruments之CoreAnimation性能优化

本章着重讲解Instruments中的Core Animation工具。需要真机调试

首先Command+i打开Instruments,双击打开Core Animation工具

最新的xcode把调试工具换了个位置,之前还一直找不到。点击红色实心圈圈开始录制。


调试

Color Blended Layers 图层混合

Color Blended Layers 用来检测哪里发生了图层混合,并用红色标记出来,所以我们要尽可能减少看到的红色区域。

我们先来看一份简单的代码


打开Color Blended Layers ,查看运行效果

注意看,UIView和UILabel都被标注成红色,因为他们都发生了图层混合,UILabel的背景颜色默认是透明的。

那么,发生了图层混合跟我们的性能有什么关系呢?

当然有关系,因为图层混合需要消耗一定的GPU资源去计算混合图层的颜色,如果你把它的透明度设为100%,GPU就会自动忽略覆盖在下面的所有layer,只显示最顶层的layer的颜色,从而省去了多余的运算,性能也得到了优化。

所以,要解决上面的问题,只需要把 ViewA 的alpha设置为1.0,还有给UILabel加上一个不透明的背景颜色就可以了。

但是,对于UIImageView而言,不仅UIImageView自身需要不透明之外,它的图片也不能含有alpha通道。因此,如果是UIImageView出现了图层混合,而你确定你自己的代码没有问题的话,可以联系一下美工解决问题。

Color Hits Green and Misses Red(光栅化)


文档

光栅化,这个我在之前的文章iOS的视图渲染中有提到过,它的意思是:使用缓存的光栅化被标记为绿色,否则就被标记为红色。就是要你出现的绿色越多越好就对了。

光栅化就是将一个layer预先渲染成一个bitmap(位图),然后加入到缓冲中。对于阴影、圆角这些会造成离屏渲染的操作,而且是静态的进行光栅化处理,性能会得到很大部分的提升。

如何为一个layer开启光栅化,其实就一句话:

label.layer.shouldRasterize = true

例子:我将UITableView中的textLabel添加了阴影效果,并且添加了一个光栅化的开关。

打开Color Hits Green and Misses Red 进行调试,并打开swich的开关开启光栅化。发现label都呈现红色。但是当你滑动的时候,label都变成绿色。因为都被缓存起来了。

当你小幅度滑动的时候,一直都是绿色。

当你大幅度滑动的时候,新出现的label先是红色,再是绿色。

如果禁止一秒,刚开始滑动label又是变成红色再变绿色。

总结:layer进行光栅化后渲染成位图放在缓存中。当屏幕出现滑动时,我们直接从缓存中读取而不必渲染,所以会看到绿色。当新的label出现时,缓存中没有个这个label的位图,所以会变成红色。还有一个非常重要的一点,就是缓存中的对象有效期只有100ms,即如果在0.1s内没有被使用就会自动从缓存中清理出去。这就是为什么停留一会儿再滑动就会看到红色。

光栅化有利也有弊,好的一面就是它会帮我们缓存,但是坏的一面呢?当你的label是动态变化的时候,这个就是坏处了,当你滑动的时候一直在帮你创建缓存。所以说,光栅化适合静态的的效果。动态的效果不适合。

Color Copied Images(图片像素数据格式)

这个在之前的iOS的视图渲染中也有提到过,图片(UIImage)被设置到UIImageView或者layer.contents,在layer被提交到GPU之前,会进行解码操作,得到像素数据格式,如果GPU不支持这种格式,则CPU需要进行格式转换。此时,如果勾选Color Copied Images这个选项,图片会被标记为蓝色,说明这张图片格式出现了问题。可惜我本身对这方面不熟悉,所以并不能模拟出这个例子给你们看。

Color Non-Standard Surface Formats

这个选项目前找不到资料是干嘛用的,苹果文档以及stackOverFlow都找不到对他的解释。

Color Immediately(颜色刷新频率)

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

在执行颜色刷新操作时移除10毫秒延迟。一般这个调试选项我们是用不到的。

Color Misaligned Images(图片大小)

1.当图片的像素大小和控件的大小不一致导致需要缩放的时候,图片会呈现黄色,如正常的2倍图大小是 100px * 100 px,那么,我们UIImageView的大小就应该是50point*50point.


Color Offscreen-Rendered Yellow(离屏渲染)

打开这个选项,会把离屏渲染的地方标记为黄色,所以,我们应该黄色。

离屏渲染出现的情况:

(1)layer.shouldRasterize

(2)layer.shadow

(3)layer.mask

(4)layer.masksToBounds && layer.cornerRadius

(5)drawRect:方法

对于避免离屏渲染具体操作可以看iOS的视图渲染

第一个是手动开启离屏渲染,对于静态的内容,设置layer.shouldRasterize = true,其实对性能是有很大的优化的,此时如果看到黄色,我们也可以把他忽略。但是如果是动态的内容,设置layer.shouldRasterize = true 是很消耗性能的,所以我们就应该把shouldRasterize给关掉。这个看具体情况。

另外,这里还需要说一下,最近在测试的时候发现,对UIImageView直接设置圆角并不会出现离屏渲染,后来查了一下,原来是因为iOS版本的原因

iOS 9.0 之前UIimageView跟UIButton设置圆角都会触发离屏渲染。

iOS 9.0 之后UIButton设置圆角会触发离屏渲染,而UIImageView里png图片设置圆角不会触发离屏渲染了,如果设置其他阴影效果之类的还是会触发离屏渲染的。

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

Places a blue overlay over content that is detached from the compositor.标记由硬件绘制的路径为蓝色,蓝色越多越好,可以对直接使用OpenGL绘制的图层进行高亮。没有对OpenGL有过多的研究,所以这里没办法给出demo,大家只需要记住蓝色越多越好就ok。你们可以拿我的OpenGLES中的项目去测试。

Flash Updated Regions (重绘区域)

这个选项会对重绘的内容高亮成黄色,重绘就是指使用Core Graphics绘制,绘制会损耗一定的性能,因此重绘区域应该越小越好。对于未发生变化的内容则不应该重绘。


需要的话可以下载我的demo看下: Github

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容