作为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. Groovy 设计模式 -- 抽象工厂 模式

    抽象工厂 https://blog.csdn.net/wyxhd2008/article/details/5597975 首先来看看这两者的定义区别: 工厂模式:定义一个用于创建对象的借口,让子类决定 ...

  2. IHTMLDocument2类的使用

    class Program    {        static void Main(string[] args)        {            SHDocVw.ShellWindows s ...

  3. git详细介绍

    Git管理我们的代码会经历三个不过程 1. 工作区:没有提交的代码就是存放的工作区 2. 暂存区:通过 git add 文件名 命令提交代码该文件就放在暂存区 3. 历史区:通过 git commit ...

  4. 缓存设计(cache-design)

    分布式缓存设计 目前常见的缓存方案都是分层缓存,通常可以分为以下几层: 1.1NG本地缓存,命中的话直接返回 1.2 NG没有命中时则需要查询分布式缓存,如redis 1.3 如果分布式缓存没有命中则 ...

  5. [国家集训队] Crash 的文明世界

    不错的树形$ DP$的题 可为什么我自带大常数啊$ cry$ 链接:here 题意:给定一棵$ n$个节点的树,边权为$ 1$,对于每个点$ x$求$ \sum\limits_{i=1}^n dist ...

  6. day 9 - 2 函数练习

    1.写函数,检查获取传入列表或元组对象的所有奇数位索引对应的元素,并将其作为新列表返回给调用者. def func(lis): print(lis[1::2]) #取偶数 return lis[::2 ...

  7. day 9 - 1 函数

    函数 函数:定义了之后,可以在任何需要它的地方调用 函数模拟 len() 方法 #len() 方法的使用 s="世界上唯一不变的就是变化" print(len(s)) #下面是我们 ...

  8. 2017-2018-2 20165234 实验二 《Java面向对象程序设计》实验报告

    一.实验报告封面 课程:Java程序设计  班级:1652班  姓名:刘津甫  学号:20165234 指导教师:娄嘉鹏  实验日期:2018年4月13日 实验时间:15:35 - 17:15  实验 ...

  9. pythonの递归锁

    首先看一个例子,让我们lock = threading.Lock() 时(代码第33行),程序会卡死在这里 #!/usr/bin/env python import threading,time de ...

  10. SQL Server - 索引详细教程 (聚集索引,非聚集索引)

    转载自:https://www.cnblogs.com/hyd1213126/p/5828937.html 作者:爱不绝迹 (一)必读:深入浅出理解索引结构 实际上,您可以把索引理解为一种特殊的目录. ...