include与merge标签使用

Android include与merge标签使用详解

  1. 简介
    include和merge标签的作用是实现布局文件的重用。就是说,为了高效复用及整合布局,使布局轻便化,我们可以使用include和merge标签将一个布局嵌入到另一个布局中,或者说将多个布局中的相同元素抽取出来,独立管理,再复用到各个布局中,便于统一的调整。
    比如,一个应用中的多个页面都要用到统一样式的标题栏或底部导航栏,这时就可以将标题栏或底部导航栏的布局抽取出来,再以include标签形式嵌入到需要的布局中,而不是多次copy代码,这样在修改时只需修改一处即可。

  2. include标签的使用
    将需要重用的布局写在一个单独的xml文件中,再使用include标签复用到其他布局中。
    例如,下面是一个标题栏的布局文件:

titlebar.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="@dimen/base_action_bar_height"
  android:background="@color/topic_green" >

  <ImageView
      android:id="@+id/tv_setting_title"
      android:layout_width="100dip"
      android:layout_height="fill_parent"
      android:layout_alignParentTop="true"
      android:layout_centerHorizontal="true"
      android:gravity="center"
      android:src="@drawable/logo_for_temp_white" />

  <TextView
      android:id="@+id/tv_back"
      android:layout_width="wrap_content"
      android:layout_height="fill_parent"
      android:layout_alignParentTop="true"
      android:layout_toRightOf="@+id/img_back"
      android:drawableLeft="@drawable/avoscloud_feedback_thread_actionbar_back"
      android:gravity="left|center_vertical"
      android:text="返回"
      android:textColor="@color/white"
      android:textSize="@dimen/text_size_large" />

</RelativeLayout>

效果图如下:


image.png

如此就可以将这个标题栏直接复用到其他布局中了:


main_activity.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll_aty_choose_role"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="@drawable/background_for_temp"
    android:orientation="vertical" >

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

    ...

    </LinearLayout >

如此,titlebar的内容就可以嵌入到include标签所在的位置了。

需要注意的地方:
我们可在include标签中更改一些属性的值,比如重新设置id,改变布局属性(即android:layout_*属性)等,如下代码所示:

<include android:id=”@+id/news_title”
         android:layout_width=”match_parent”
         android:layout_height=”match_parent”
         layout="@layout/titlebar"/>
  • 若include标签中重新指定id,那么其中的控件就不可当成主xml(包含include标签的xml)中的控件来直接获得了,必须先获得include对应的xml文件(就是titlebar.xml),再通过布局文件的findViewById方法来获得其中控件。 当然,若原布局设置了id属性,会被覆盖掉。

  • 当需要在include标签中改变布局属性时,为了让其他属性生效,就必须重写android:layout_height和android:layout_width属性,否则任何针对layout调整都是无效的。

  • include有一个缺点就是可能会产生多余的层级,比如,被复用布局是一个垂直的LinearLayout布局,当以include标签插入到另一个垂直的LinearLayout布局中时,结果就是一个垂直的LinearLayout里包含一个垂直的LinearLayout,这个嵌套的布局并没有实际意义,只会让UI性能变差。这时就可以使用merge标签。

  1. merge标签的使用
    merge标签可以自动消除当一个布局插入到另一个布局时产生的多余的View Group,也可用于替换FrameLayout。用法就是直接使用merge标签标签作为复用布局的根节点,如下所示:

user.xml

<merge xmlns:android="http://schemas.android.com/apk/res/android">

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="姓名"/>

    <Button
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="年龄"/>

</merge>

再使用include标签复用到其他布局中:

main_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/ll_aty_choose_role"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

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

    ...

    </LinearLayout >

这时,系统会自动忽略merge标签,直接把两个Button替换到include标签的位置。
也就是说,include和merge是配合使用的。

需要注意的地方:

merge标签只能作为复用布局的root元素来使用。
使用它来inflate一个布局时,必须指定一个ViewGroup实例作为其父元素并且设置attachToRoot属性为true(参考 inflate(int, android.view.ViewGroup, boolean) 方法的说明 )。

  1. 未解决

在布局优化中,Android官方提到了三种方式include 、merge 、ViewStub ,最后一个还未详细了解。
怎么查看UI层级?了解到可以使用tools里面的hierarchyviewer.bat查看布局层次,在启动模拟器启动所要分析的程序,再启动hierarchyviewer.bat,选择模拟器以及该程序,点击“Load View Hierarchy”,就可以开始分析。还未使用。

推荐阅读更多精彩内容