Android Note - 布局优化

栏目: IOS · Android · 发布时间: 5年前

内容简介:首先了解一下刷新率的概念。刷新率 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绘制分隔线

之前绘制线性布局的时候,往往需要给每一项之间绘制一个分隔线,我们往往都是直接加一个 ViewLinearLayoutCompat 带有一个 divider 属性,使用它就可以在布局中生成分隔线了。

这点是我在网上找到的,自己试了下,发现不生效。有可能是我的用法不太对吧。不过现在布局一般都用 ConstraintLayout 了,这个布局用到的场景也不多。

多使用Lint检查代码

这个就不用说了,跑一遍还是能发现蛮多问题的。关于布局的问题,主要集中在 Android -> Lint -> Performance 目录下,里边提到的问题要优先解决。另外,阿里代码规范也会检测出一些不规范的问题,也要注意一下。


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

React Native:用JavaScript开发移动应用

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 压缩/解压工具

在线压缩/解压 HTML 代码

正则表达式在线测试
正则表达式在线测试

正则表达式在线测试