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

这是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性能调优实战讲解

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

推荐阅读更多精彩内容