Android开发:简述Android布局优化的方法


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

1. < include >标签

在Layout布局中如果有你想要引用的布局时,若该布局在不同的布局是公共布局,我们会多次使用到。这时可以使用标签。并且便于统一的修改与查看。只要在你所需要放置该布局的布局内部使用标签引入该布局就可以了。

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

在标签当中,我们是可以覆写所有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属性则无法在标签当中进行覆写。

注意: 如果我们想要在标签当中覆写layout属性,必须要将layout_width和layout_height这两个属性也进行覆写,否则覆写效果将不会生效。

2. < 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>

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

3. < 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文件中不能含有标签,所以使用前需要构思好界面布局,以免不必要的嵌套。一旦ViewStub被显示后,则ViewStub将从视图框架中移除,其id也会失效,此时findViewById()得到的也是空的。

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

4. 总结

标签

使用原因

优化结果

使用举例

include

提取公共部分,提高布局复用性

减少测量,绘制时间

App中有多个UI界面需要使用同一布局或部分布局时。如页面标题toolBar复用时使用。

merge

布局层级减少

减少绘制工作量

当所需要复用的部分布局与要合并到的布局的根标签一致时使用。(类似加强版include,减少布局层级,但耦合性更强)。

ViewStub

无需第一时间展示于界面上,在需要时加载

减少测量,绘制时间

该界面不需要第一时间展示给用户,如网络报错界面,或用户信息下拉界面,在该界面中,但第一时间不需要显示给用户时使用。


参考: https://mp.weixin.qq.com/s/9sDtYSlCuXupBWjvvw9Urw