美文网首页
关于UIKit的性能优化(主要是cell中控件的优化)

关于UIKit的性能优化(主要是cell中控件的优化)

作者: 向晚forever | 来源:发表于2017-03-23 18:10 被阅读39次

    这是DEMO

    工具

    使用Instrument中的Core Animation工具,打开之后的界面:

    5E104A09-3211-4D61-A84E-251052067826.png

    1、是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;
    

    参考资料:

    UIKit性能调优实战讲解

    相关文章

      网友评论

          本文标题:关于UIKit的性能优化(主要是cell中控件的优化)

          本文链接:https://www.haomeiwen.com/subject/mvltottx.html