Android view布局优化

一、include

1、使用示例如下：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width=”match_parent”
    android:layout_height=”match_parent”>
 
    <include layout="@layout/titlebar"/>
 
    <TextView 
    	android:layout_width=”match_parent”
        android:layout_height="wrap_content" />

</LinearLayout>
           

2、优势：

include 标签能够重用布局文件，提高代码的复用。

二、merge

1、merge标签存在的意义是帮助include标签排除多余的一层ViewGroup容器，减少view hierarchy的结构，提升UI渲染的性能。include标签存在着一个不好的地方，可能会导致产生多余的布局嵌套。同样通过一个小demo来说明：

比如项目中有一个公共的登录按钮布局，如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

     <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:text="登录按钮" />

</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@android:color/holo_blue_light">

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="40dp"
        android:hint="请输入用户名" />

    <include layout="@layout/login" />

</LinearLayout>
           

看起来没什么问题，其实不知不觉中我们多嵌套了一层布局。我们用工具查看一下此时布局结构：

除去系统布局，我们自己布局最外层是LinearLayout，然后两个并列布局EditText与LinearLayout，在LinearLayout里面是Button登录按钮。

其实这种情况下：在主界面中，标签的parent ViewGroup与包含的layout根容器ViewGroup是相同的类型，这里都是LinearLayout，那么则可以将包含的layout根容器ViewGroup使用标签代替，从而减少一层ViewGroup的嵌套，提升UI渲染性能。

这里我们把activity_login.xml修改如下：

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android">

     <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:text="登录按钮" />

</merge>
           

2、使用注意点：

• 根布局是FrameLayout且不需要设置background或padding等属性,可以用merge代替,因为Activity的ContentView父元素就是FrameLayout,所以可以用merge消除只剩一个
• 因为merge标签并不是View,所以在通过LayoutInflate.inflate()方法渲染的时候,第二个参数必须指定一个父容器,且第三个参数必须为true,也就是必须为merge下的视图指定一个父亲节点.由于merge不是View所以对merge标签设置的所有属性都是无效的。

三、ViewStub

ViewStub标签最大的优点是当你需要时才会加载，使用他并不会影响UI初始化时的性能。各种不常用的布局想进度条、显示错误消息等可以使用ViewStub标签，以减少内存使用量，加快渲染速度。ViewStub 是一个不可见的，大小为0的View。ViewStub 标签使用如下：

<ViewStub
    android:id="@+id/stub_import"
    android:inflatedId="@+id/panel_import"
    android:layout="@layout/progress_overlay"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom" />