内容简介:首先了解一下刷新率的概念。刷新率 Refresh Rate,代表了然后是帧率的概念。帧率 Frame Rate,代表了Android就是
首先了解一下刷新率的概念。刷新率 Refresh Rate,代表了 屏幕在一秒内刷新屏幕的次数 。刷新率跟屏幕硬件有关,即特定的屏幕只会有特定刷新率。比如一般电子设备刷新率为60HZ。
然后是帧率的概念。帧率 Frame Rate,代表了 GPU在一秒内操作的屏幕的次数 ,例如60fps,表示GPU在一秒内对屏幕进行了60次渲染。
Android就是 通过VSYNC信号来同步UI绘制和动画,使得它们可以获得一个达到60fps的固定的帧率 。如果刷新率跟帧率不一致(一般是帧率小于刷新率)就会出现卡顿。
在上面提到了帧率为60fps。为什么是这个数呢,这是因为 人眼与大脑之间的协作无法感知超过60fps的画面更新 ,一般到了60fps,人脑就会认为相当流畅了。所以一般就是60fps。
为了能够使得APP流畅,我们需要在每一帧以内完成所有的CPU与GPU计算,绘制,渲染等等操作。而 一帧在60fps下对应的时间为 1000ms / 60 ≈ 16.6ms ,所以这就是 16ms这个数字的由来。
优化方案
具体到布局上,优化的核心无非就是 减少嵌套,避免过度绘制 。
使用相对布局或者约束布局,避免使用线性布局
其实使用“避免”这个词也不太妥当,毕竟每一种布局都有其存在的意义。但是 LinearLayout
这个布局确实使用起来局限性挺大。它只适合那种简单的行或者列的排布,稍微复杂一点的布局使用 LinearLayout
的话,嵌套层级简直惨不忍睹。复杂一点的布局使用 RelativeLayout
或者 ConstraintLayout
是比较好的选择。
尤其是 ConstraintLayout
,真的很好用,推荐。
使用抽象布局标签
抽象布局标签,指的是 include
merge
ViewStub
这几个标签。大家也已经很熟悉了,其作用就是 复用布局,减少嵌套,延迟加载
,总之也是帮助优化布局。使用方法就不赘述了,网上介绍很多,自己试试就知道了。
避免在每个布局上都添加背景
我们布局的时候,往往喜欢顺手给布局添加一个背景。虽然这样做可以保证你的布局任何时候都和设计稿一样,但是 这样特别影响性能
。亲身经历,某页面非常卡顿,去掉了多余的 background
,就流畅很多。所以,请去掉不必要的 background
。 你可以
给 Activity
定义一个 Theme
,通过 Theme
定义背景
。
使用LinearLayoutCompat绘制分隔线
之前绘制线性布局的时候,往往需要给每一项之间绘制一个分隔线,我们往往都是直接加一个 View
。 LinearLayoutCompat
带有一个 divider
属性,使用它就可以在布局中生成分隔线了。
这点是我在网上找到的,自己试了下,发现不生效。有可能是我的用法不太对吧。不过现在布局一般都用 ConstraintLayout
了,这个布局用到的场景也不多。
多使用Lint检查代码
这个就不用说了,跑一遍还是能发现蛮多问题的。关于布局的问题,主要集中在 Android -> Lint -> Performance
目录下,里边提到的问题要优先解决。另外,阿里代码规范也会检测出一些不规范的问题,也要注意一下。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:- css经典布局系列三——三列布局(圣杯布局、双飞翼布局)
- 四种方法实现──三栏布局(圣杯布局、双飞翼布局)
- 浅谈CSS三栏布局(包括双飞翼布局和圣杯布局)
- css经典布局——圣杯布局
- CSS布局基础——(三栏布局)
- Grid布局 - 一键布局尝试总结~
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
React Native:用JavaScript开发移动应用
【美】Truong Hoang Dung(张皇容) / 奇舞团 / 电子工业出版社 / 2015-9 / 65.00
React Native是当前移动端开发中的优秀解决方案。《React Native:用JavaScript开发移动应用》围绕着如何将一个完整App提交到App Store,讲解了使用React Native开发iOS应用所涉及的方方面面。首先介绍了Flexbox布局,教大家从零开始搭建一个初始应用,以此阐明React Native的基础运行机理;然后介绍了Flux的设计思想,怎么理解和使用Pro......一起来看看 《React Native:用JavaScript开发移动应用》 这本书的介绍吧!
HTML 压缩/解压工具
在线压缩/解压 HTML 代码
正则表达式在线测试
正则表达式在线测试