作为android应用来讲,无论应用本身多么美观,功能多么强大,内容多么丰富。但如果App本身打开界面缓慢超过手机16ms刷新一次页面的时间,就会产生卡顿。用户体验都会变得极差,导致用户量减少。所以我们在开发过程中同样要注重布局优化。

<include>标签

在Layout布局中如果有你想要引用的布局时,若该布局在不同的布局是公共布局,我们会多次使用到。这时可以使用<include>标签。并且便于统一的修改与查看。

    <-- container为引用布局的布局id -->
<include layout="@layout/container"/>

非常简单只要在你所需要放置该布局的布局内部使用<include>标签引入该布局就可以了。
在<include>标签当中,我们是可以覆写所有layout属性的,即include中指定的layout属性将会覆盖掉。如我们想修改它的宽高为wrap_content。

    <include
android:layout_width="match_parent"
android:layout_height="wrap_content"
layout="@layout/container" />

除了layout_width与layout_height之外,我们还可以覆写container中的任何一个layout属性,如layout_gravity、layout_margin等,而非layout属性则无法在<include>标签当中进行覆写。另外需要注意的是,如果我们想要在<include>标签当中覆写layout属性,必须要将layout_width和layout_height这两个属性也进行覆写,否则覆写效果将不会生效。

<merge>标签

<merge>标签是作为<include>标签的一种辅助扩展来使用的,它的主要作用是为了防止在引用布局文件时产生多余的布局嵌套。Android解析和展示一个布局需要消耗时间,布局嵌套的越多,那么解析起来也就越耗时,性能也就越差,因此我们在编写布局文件时应该让嵌套的层数越少越好。

    <merge
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<View
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
<View
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</merge>

大家可以见到<merge>标签的使用方法是直接当做该布局的根布局节点使用,而当在其他位置需要引用该布局时,则使用<include>标签进行引用,同时该节点会同步变成父容器的根节点。比如你使用在LinearLayout中则两个view线性排列,而在RelativeLayout中则<merge>标签就相当于相对布局标签。这样就可以省略一些不必要的布局嵌套了。

<ViewStub>标签

<ViewStub>标签实际上是一个轻量级的View,它既没有尺寸,也不会绘制任何东西,所以将它放置在布局当中基本可以认为是完全不会影响性能的。只要在需要的时候显示它,才会进行加载。

<ViewStub
android:id="@+id/stub"
android:inflatedId="@+id/container_layout"
android:layout="@layout/stub_layout"
android:layout_width=",match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom" />

虽然ViewStub是不占用任何空间的,但是每个布局都必须要指定layout_width和layout_height属性,否则运行就会报错。且ViewStub所要替代的layout文件中不能含有<merge>标签,所以使用前需要构思好界面布局,以免不必要的嵌套。一旦ViewStub被显示后,则ViewStub将从视图框架中移除,其id也会失效,此时findViewById()得到的也是空的。

ViewStub使用起来非常简单,只要在需要的时候findViewById()招到它并调用setVisibility(View.VISIBLE)或者inflate()显示它就可以了。

标签小结

标签 使用原因 优化结果 使用举例
<include> 提取公共部分,提高布局复用性 减少测量,绘制时间 App中有多个UI界面需要使用同一布局或部分布局时。如页面标题toolBar复用时使用。
<merge> 布局层级减少 减少绘制工作量 当所需要复用的部分布局与要合并到的布局的根标签一致时使用。(类似加强版include,减少布局层级,但耦合性更强)。
<ViewStub> 无需第一时间展示于界面上,在需要时加载 减少测量,绘制时间 该界面不需要第一时间展示给用户,如网络报错界面,或用户信息下拉界面,在该界面中,但第一时间不需要显示给用户时使用。

ConstraintLayout约束布局

 

AndroidStudio上有一个神奇的功能,就是在Xml布局中我们可以在design标签下进行布局可视化操作。但是该功能并不完善,属于系统自动生成的一个布局,反而会让布局内部凌乱不堪,难以读懂,同时会造成卡顿,所以以前我们都是用该界面进行预览查看;而ConstraintLayout约束布局这一新布局,它反而支持布局可视化操作,可以把它比喻成一个可视化视图操作布局的RelativeLayout,ConstraintLayout是使用约束的方式来指定各个控件的位置和关系的。布局内部不需要嵌套其他布局,就可以完成你想要的界面出现。所以它可以有效的避免布局的嵌套,从而达到优化布局的效果。因为使用太过复杂,想要深入了解使用方法请点击ConstraintLayout

减少视图树层级结构

系统在显示没一个视图的时候,都要经理测量,布局,绘制的过程。如果我们的布局嵌套层数太多,会导致额外的测量、布局等,十分消耗系统资源,使UI卡顿,影响用户体验。所以要尽量减少是图书层级结构,避免不必要的布局嵌套,使用更少嵌套的布局方式。

 

查看文件的视图树,我们可以使用DDMS来查看。首先运行项目在真机或虚拟机上。而后再到tools中打开DDMS。这里就不展开介绍了。

其他

  • 嵌套的LinearLayout中,尽量不要使用weight,因为weight会重新测量两次。
  • Layout的选择,以尽量减少View树的层级为主,去除不必要的嵌套和View节点。比如如果LinearLayout嵌套过多,建议使用RelativeLayout减少布局嵌套。
  • RelativeLayout本身尽量不要嵌套使用。
  • View视图的隐藏与现实,尽量使用invisible。因为gone,不占用空间,视图会重新测量绘制;而invisible视图不会重新绘制,但仍然占用空间位置。
  • 布局调优工具:hierarchy viewerLint tool

链接:https://www.jianshu.com/p/faf57bd030ee

阅读更多

react-native技术的优劣*

学习React Native必看的几个开源项目

开发了几个小程序后,说说我对小程序的看法

NDK项目实战—高仿360手机助手之卸载监听

(Android)面试题级答案(精选版)

 

姿势摆好,一招学会android的布局优化!的更多相关文章

  1. 教你使用Android SDK布局优化工具layoutopt

    创建好看的Android布局是个不小的挑战,当你花了数小时调整好它们适应多种设备后,你通常不想再重新调整,但笨重的嵌套布局效率往往非常低下,幸运的是,在Android SDK中有一个工具可以帮助你优化 ...

  2. android开发布局优化之ViewStub

    使用ViewStub可以延迟加载一个布局文件,提高显示速率.刚开始接触到,记录下来. 关于viewstub的使用,我们可以在不同的布局中使用,比如可以根据设备的大小动态决定显示哪个界面. viewst ...

  3. Android的布局优化之include、merge 、viewstub

    以前在写布局的时候总是喜欢用自己熟悉的方式去写,从来也没有想过优化怎么的,后来又一次在上班的时候老大拿着我写的一个页面说我这个不行.我说这不是和设计图上的一模一样的么?怎么就不行了?然后他就跟我说了一 ...

  4. android之布局优化

    android中提供了<include />.<merge />.<ViewStub />三种优化布局. 1.<include /> <inclu ...

  5. 浅谈Android样式开发之布局优化

    引言 今天我们来谈一下Android中布局优化常用的一些手段.官方给出了3种优化方案,分别是</include>.</viewstub>.</merge>标签,下面 ...

  6. Android绘制优化(二)布局优化

    前言 我们知道一个界面的测量和绘制是通过递归来完成的,减少布局的层数就会减少测量和绘制的时间,从而性能就会得到提升.当然这只是布局优化的一方面,那么如何来进行布局的分析和优化呢?本篇文章会给你一个满意 ...

  7. [Android]Android布局优化之<include />

    转载请标明:转载于http://www.cnblogs.com/Liuyt-61/p/6602891.html -------------------------------------------- ...

  8. 知物由学 | 见招拆招,Android应用破解及防护秘籍

    本文来自网易云社区. “知物由学”是网易云易盾打造的一个品牌栏目,词语出自汉·王充<论衡·实知>.人,能力有高下之分,学习才知道事物的道理,而后才有智慧,不去求问就不会知道.“知物由学”希 ...

  9. 【腾讯Bugly干货分享】Android动态布局入门及NinePatchChunk解密

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57c7ff5d53bbcffd68c64411 作者:黄进——QQ音乐团队 摆脱 ...

随机推荐

  1. Andrew NG 机器学习编程作业3 Octave

    问题描述:使用逻辑回归(logistic regression)和神经网络(neural networks)识别手写的阿拉伯数字(0-9) 一.逻辑回归实现: 数据加载到octave中,如下图所示: ...

  2. jdk环境配置以及java执行过程

    下载好jdk,并按照提示一步步安装,最后记下jdk所在的安装位置,这里假设在C:\Program Files (x86)\Java\jdk1.8.0_20 现在开始配置环境变量.鼠标右键点击“计算机” ...

  3. 3D图像算法

    http://dev.gameres.com/Program/Visual/3D/3Darit.htm 3D简介 我们首先从坐标系统开始.你也许知道在2D里我们经常使用Ren?笛卡儿坐标系统在平面上来 ...

  4. jsp中的el表达式没有解析

    今天发现jsp中的el表达式没有解析,把解决的过程记录一下 在web.xml的web-app节点的版本改成2.4以上

  5. Python 关于在ubuntu部署Django项目

    Django的部署可以有很多方式,采用nginx+uwsgi的方式是其中比较常见的一种方式. 在这种方式中,我们的通常做法是,将nginx作为服务器最前端,它将接收WEB的所有请求,统一管理请求.ng ...

  6. python作业高级FTP

    转载自:https://www.cnblogs.com/sean-yao/p/7882638.html 作业需求: 1. 用户加密认证 2. 多用户同时登陆 3. 每个用户有自己的家目录且只能访问自己 ...

  7. 更新glibc版本,有问题,有三篇博客的命令看不懂

    https://blog.csdn.net/glongljl/article/details/80156243 https://blog.csdn.net/officercat/article/det ...

  8. Nginx(二) nginx 无法启动

    有时候在客户端输入:nginx 但是终端会输出以下,显示启动失败 nginx: [emerg] bind() to 0.0.0.0:8080 failed (48: Address already i ...

  9. XML解析技术-dom4j

  10. Setup Post-mission Camera

    编辑BP_GameMode 新建Actor命名为BP_SpectatingViewpoint 添加摄像机 将摄像机调整到合适的位置,右键选择 调整到合适的位置,点击这个按钮,退出驾驶模式 摄像机已经移 ...