Re-using Layouts with include

主任务原文链接：http://docs.eoeandroid.com/training/improving-layouts/reusing-layouts.html

译者：长剑耿介

完成时间：2012年9月1日

'<include/>'重用布局

尽管Android有各种部件提供了小巧、可重用的互动元素（elements），但在某些需要特殊布局中，您可能还需要重用较大的组件。为了有效地重用完整的布局，您可以使用<include/>和<merge/>标签将另一个布局嵌入到当前布局。

重用布局是非常有用的，因为它允许你创建可重复使用的复杂布局。例如，一个是/否按钮面板，或自定义的带说明文字的进度条。这也意味着，多个布局可以被提取，单独管理，然后被放在每个布局中，您的应用程序的任何元素都是同样的。因此，尽管你可以通过编写自定义的View 创建单独的UI组件，但重新使用布局文件可以更容易地做到这一点。

创建一个可重用的布局

如果已经知道你想重用的布局，您可以创建一个新的XML文件，并定义其布局。例如，这里有一个G-肯尼亚代码实验室（ the G-Kenya codelab）的布局，其在每个活动中定义了标题栏（ titlebar.xml ）：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width=”match_parent”
    android:layout_height="wrap_content"
    android:background="@color/titlebar_bg">
 
    <ImageView android:layout_width="wrap_content"
               android:layout_height="wrap_content" 
               android:src="@drawable/gafricalogo" />
</FrameLayout>

View 应该被精确地放在你想其显示的每一个布局中。

使用的<include>标记

向您想要添加可重用的组件的布局中添加<include/>标签。例如，这里有一个从G-肯尼亚代码实验室（ the G-Kenya codelab）的布局，其中包括从上面的标题栏：

这是其布局文件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" 
    android:layout_width=”match_parent”
    android:layout_height=”match_parent”
    android:background="@color/app_bg"
    android:gravity="center_horizontal">
 
    <include layout="@layout/titlebar"/>
 
    <TextView android:layout_width=”match_parent”
              android:layout_height="wrap_content"
              android:text="@string/hello"
              android:padding="10dp" />
 
    ...
 
</LinearLayout>

您也可以同过指定<include/>标签复写（override）所有的布局参数（任何android:layout_*属性）的布局根视图。 例如：

<include android:id=”@+id/news_title”
         android:layout_width=”match_parent”
         android:layout_height=”match_parent”
         layout=”@layout/title”/>

使用<merge>标记

当一个布局包含另一个时，<merge />标签可以消除视图层次结构中多余的视图组。例如，如果您的主要的布局是一个垂直的LinearLayout ，其中两个连续的视图可以被重用在多种布局中，然后放置在两个视图中的可重用布局需要其自己的根视图（root view）。但是，使用其他LinearLayout 作为可重用的根布局将导致在一个垂直的LinearLayout内嵌套一个垂直LinearLayout。嵌套LinearLayout不但没有什么实际的用处，还会减慢你的UI表现。

为了避免这种冗余视图组，您可以使用<merge>元素作为根视图的可重用布局。 例如：

<merge xmlns:android="http://schemas.android.com/apk/res/android">
 
    <Button
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:text="@string/add"/>
 
    <Button
        android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:text="@string/delete"/>
 
</merge>

现在，当你将此布局嵌套在另一个布局中时（使用<include/>标签），系统将忽略<merge>元素并直接在布局中放置两个按钮，以此取代<include/>标签。