iOS 高性能 UI 优化 ,不要乱用百分比

前言:
最近在看 iOS 、UI的适配及优化 ;今天准备记录两个问题:
一个是 :Color Blended Layers 性能指标,另一个是:UILabel 计算宽度时,百分比不要乱用;下面举例说明:

Color Blended Layers 性能指标

在Xcode提供的工具中,测试UI性能的一个指标:
这个选项选项基于渲染程度对屏幕中的混合区域进行绿到红的高亮显示,红色通常是由于多个半透明图层叠加引起。我们每个组件基本他是没有背景的,正如 跳到 一个空的viewcontroller ,背景是黑色的;一般我们会设置 背景色;但是,一般组合UI时,多数是不管背景的;不管背景造成的结果就是:如下图 一片红:

全红

越红表示性能越差,会对帧率等指标造成较大的影响。

在我们一般写 组件时,我看了绝大多数应用,是不考虑这个性能的;但是如果我们不想一片红,怎么提高呢;下面请看:

我们只需要设置她的背景色、让他在渲染时,只在 指定的平面层渲染,在手机平面,要是不设置,他要根据 他所在位置的view层级,每层都要计算,性能当然就低了;

我们把上面红的 都 加上背景

   label.backgroundColor=UIColor.white

然后的结果如下:


变粉

变粉色了;是不是很神奇;所以我们在写代码的时候,这一点还需要注意起来;

如果想要更好的性能,可以自定义view;尤其简单的label 只显示个文字的时候;可以自定义;

不要乱用百分比

不知道大家有没有遇到过这种问题:
下面是UI布局:


布局

按理说没有任何问题:但是结果是:ipnone 8 没有问题,ipnone x 多出了一束线 ,这是啥鬼?

适配出错

经思考、看书、加实践,测试:
首先我们下这个宽:
左边日期的宽:经断点得到是 :164.929999470711

这里写图片描述

ipnone 8 的分辨率:1334 x 750 像素分辨率
iphonex 的分辨率: 2436*1125 像素分辨率

从分辨率 来看 ,ipnone x 更高清;也就是说,你设置的宽度,小数点后越多,他都可以给你显示出来;适配是不是就出问题了;啥时候小数点后位多了呢;就是我们常用的百分比,拿一个除不尽的数,去做宽高;

  • 一个性能不好,增加了GPU 的计算复杂读度;
  • 一个偶尔的意外 是不是就出来了;
    得出的结论,设置宽高 时,要确保宽度 可以由某一百分比均匀分配;不要出现 除不尽的数据;
    现在我们修改一下,看是否还会有:把高改成64


    这里写图片描述

结果显示:没有了

image

总结

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,744评论 1 92
  • 1.ios高性能编程 (1).内层 最小的内层平均值和峰值(2).耗电量 高效的算法和数据结构(3).初始化时...
    欧辰_OSR阅读 29,350评论 8 265
  • 文 灰庭清澄 1 你的寂寞一米每秒 我的流年随光了了 你的花开零落 我的滴滴答答的钟表 2 一个光无法透析的世界 ...
    林安芒阅读 310评论 2 4
  • 人其实特别需要跟师。 因为只有跟师了以后,你才可能回到学生的状态,看到自己的浅陋和学问的浩瀚,并重新开始对世界中的...
    玥玥妈妈阅读 175评论 0 0
  • 看《人民的名义》这个电视剧,很多企业家为大风厂的老板蔡成功的命运而嗟叹,那做为同是做创业的,做企业管理的伙伴们,你...
    村子老师阅读 366评论 0 0