[Android 性能优化系列]布局篇之通过<include>复用布局

大家如果喜欢我的博客,请关注一下我的微博,请点击这里(http://weibo.com/kifile),谢谢

转载请标明出处(http://blog.csdn.net/kifile),再次感谢

原文地址：http://developer.android.com/training/improving-layouts/reusing-layouts.html

在接下来的一段时间里，我会每天翻译一部分关于性能提升的Android官方文档给大家

性能优化布局篇：

[Android 性能优化系列]布局篇之减少你的界面层级

题外话:

很多时候，我们都会用到类似的布局，既然如此，我们不妨将相同布局整体抽出来，单独作为一个布局文件使用，这样我们就避免了在多个文件中反复书写同样地代码，并且当我们需要修改的时候，也只需要修改一个地方就好了。

下面是本次的正文:

################

虽然安卓为我们提供了一系列的控件来方便我们进行交互，你或许还是需要重复使用到一些特定布局的大型组件。为了更有效的复用布局，你应该使用<include/>和<merge/>来让一个布局出现在另一个布局中，而不是在每一个布局文件中都重写他。

在这种情况下，复用布局是格外有用的，他允许你创建一个复杂的可重用布局。比如说，一个 yes/no 按钮，一个拥有文字的自定义进度条。这也意味着，你应用中的一些元素是通用的。所以你可以单独为他们创建一个自定义 View，这样一来你可以更方便的重用布局

建立一个可重用的布局

如果你已经知道哪些布局你希望能够反复使用，那么单独为他们创建一个新的布局文件吧。比如说，这里有一个来自 G-Kenya 代码实验室的布局，它定义了一个标题栏，而这个标题栏会被每一个 activity 所引用

<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 应该同你希望他在每个 Activity 中的显示效果一致。

使用<include>标签

当你希望添加一个可重用的组件到另一个布局中时，你可以使用<include/>标签。比如说，这里有一段来自 G-Kenya 代码实验室的代码，他想要包含了上面提到的标题栏

这里是他的布局文件

<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/>标签内重写布局文件的参数，比如说类似于 android:layout_*的属性，来定义包含的布局的属性，例如

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

不管如何，如果你希望使用<include>标签重写布局属性，你必须要重写 layout_height 和 layout_width 来让其他属性生效

使用<merge>标签

<merge/>标签在能够有效的帮助我们降低你的布局层级。比如说，你的布局是一个垂直的线性布局，并且你希望复用的布局也是一个类似的垂直的线性布局。那么，使用另外一个线性布局作为重用布局的根元素会导致一个垂直的线性布局中包含另一个垂直的线性布局。这种嵌套的线性布局没有任何意义，并且会降低你的 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>标签，然后就将两个 Button 按钮放到<include/>的位置里去