工具
使用Instrument中的Core Animation工具,打开之后的界面:
5E104A09-3211-4D61-A84E-251052067826.png1、是fps(静止状态为0)
2、调优的具体属性设置
勾选Color Blended Layers,使用真机运行项目则可以看到图层混合的情况。
红色则是发生图层混合的地方,会有性能损耗。
勾选Color Hits Green and Misses Red,它表示如果命中缓存则显示为绿色,否则显示为红色,显然绿色越多越好,红色越少越好。
勾选Color Misaligned Images,它表示如果图片需要缩放则标记为黄色,如果没有像素对齐则标记为紫色
勾选Color Offscreen-Rendered Yellow,会把需要离屏渲染的地方标记为黄色
图层混合
通俗来讲:我们在开发过程中可能会有几个控件叠加在一起。如果上层的有透明度则会导致图层混合,CPU则必须计算下层layer。如果是不透明的则忽略下层layer。所以尽量把控件的背景色设置为父视图的背景色。
勾选Color Blended Layers,使用真机运行项目则可以看到图层混合的情况。
红色则是发生图层混合的地方,会有性能损耗。
在cell中的lab当中如果有中文,即使你设置了laber的背景色也会发生图层混合。这时候的结局方式:
//设置lab的背景色为不透明的背景色则可以避免红色的出现,但是如果有中文还是会有图层混合的情况
self.infoLab.backgroundColor = [UIColor whiteColor];
//加上这个属性中文也不会有图层混合(单独使用不会发生离屏渲染)
self.infoLab.layer.masksToBounds=YES;
我在tableView和UIView中设置过这两个属性:
self.tableView.backgroundColor = [UIColor clearColor];
self.tableView.opaque = NO;
但是不会导致图层混合。不知道是不是苹果做了什么设置。
光栅化
光栅化是将一个layer预先渲染成位图(bitmap),然后加入缓存中。如果对于阴影效果这样比较消耗资源的静态内容进行缓存,可以得到一定幅度的性能提升。
/*
* 将label的layer光栅化
* 光栅化是将一个layer预先渲染成位图(bitmap),然后加入缓存中。如果对于阴影效果这样比较消耗资源的静态内容进行缓存,可以得到一定幅度的性能提升
* 但是会导致离屏渲染(建议不要使用)
*/
self.infoLab.layer.shouldRasterize = true;
1、上下微小幅度滑动时,一直是绿色
2、上下较大幅度滑动,新出现的label一开始是红色,随后变成绿色
3、如果静止一秒钟,刚开始滑动时会变红。
这是因为layer进行光栅化后渲染成位图放在缓存中。当屏幕出现滑动时,我们直接从缓存中读取而不必渲染,所以会看到绿色。当新的label出现时,缓存中没有个这个label的位图,所以会变成红色。第三点比较关键,缓存中的对象有效期只有100ms,即如果在0.1s内没有被使用就会自动从缓存中清理出去。这就是为什么停留一会儿再滑动就会看到红色。
图片大小
尽量使用符合控件大小的图片,不要缩放。
离屏渲染
简单来说离屏渲染就是把渲染结果临时保存,等用到时再取出。因此比普通渲染更加占内存。
导致离屏渲染的情况:
1、重写drawRect方法
2、有mask或者是阴影(layer.masksToBounds, layer.shadow*),模糊效果也是一种mask
3、layer.shouldRasterize = true
//设置阴影会导致离屏渲染
self.iconImageView.layer.shadowColor = [UIColor blackColor].CGColor;
self.iconImageView.layer.shadowOpacity = 1;
self.iconImageView.layer.shadowRadius = 2;
self.iconImageView.layer.shadowOffset = CGSizeMake(1, 1);
//添加这行代码就可以解决。这行代码制定了阴影路径,如果没有手动指定,Core Animation会去自动计算,这就会触发离屏渲染。如果人为指定了阴影路径,就可以免去计算,从而避免产生离屏渲染。
self.iconImageView.layer.shadowPath = [[UIBezierPath bezierPathWithRect:self.iconImageView.bounds] CGPath];
注意:
给UIButton设置圆角的时候不会触发离屏渲染
//不会触发离屏渲染
self.btn.layer.cornerRadius = 8;
self.btn.layer.masksToBounds = YES;
self.btn.layer.borderWidth = 1;
self.btn.layer.borderColor = [UIColor blueColor].CGColor;
给UILable设置圆角会触发,但是怎么解决这个问题?
self.infoLab.layer.cornerRadius = 8;
self.infoLab.layer.masksToBounds = YES;
self.infoLab.layer.borderWidth = 1;
self.infoLab.layer.borderColor = [UIColor blueColor].CGColor;
//设置这两个属性不能解决离屏渲染
self.infoLab.layer.shouldRasterize = YES;
self.infoLab.layer.rasterizationScale = self.infoLab.layer.contentsScale;
网友评论