Android中View绘制优化二一---- 使用标签复用布局文件

时间：2021-07-04 06:03:51

本文原创， 转载请注明出处：http://blog.csdn.net/qinjuning

 

译二：

 

使用<include />标签复用布局文件

 
 

 翻译地址：http://developer.android.com/training/improving-layouts/reusing-layouts.html#Merge

尽管Android通过内置了各种各样的控件提供了微小、可复用的交互性元素，也许你需要复用较大的

组件 ---- 某些特定布局文件 。为了更有效率复用的布局文件，你可以使用<include />以及<merge />

标签将其他的布局文件加入到当前的布局文件中。

 

复用布局文件是一种特别强大的方法，它允许你创建可复用性的布局文件。例如，一个包含“Yse”or“No”的

Button面版，或者是带有文字说明的 Progressbar。复用布局文件同样意味着你应用程序里的任何元素都能从

繁杂的布局文件提取出来进行单独管理，接着你需要做的只是加入这些独立的布局文件(因为他们都是可复用地)。

因此，当你通过自定义View创建独立的UI组件时，你可以复用布局文件让事情变得更简单。

1、创建一个可复用性的布局文件

如果你已经知道复用布局的”面貌”，那么创建、定义布局文件( 命名以”.xml”为后缀)。例如，这里是一个来自

G- Kenya codelab 的布局文件，定义了在每个Activity中都要使用的一个自定义标题 (titlebar.xml):由于这些

可复用性布局被添加至其他布局文件中，因此，它的每个根视图(root View)最好是精确(exactly)的。

  1. <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width=”match_parent”
  3. android:layout_height="wrap_content"
  4. android:background="@color/titlebar_bg">
  5. <ImageView android:layout_width="wrap_content"
  6. android:layout_height="wrap_content"
  7. android:src="@drawable/gafricalogo" />
  8. </FrameLayout>

2、使用<include />标签

 

在需要添加这些布局的地方，使用<include />标签 。 例如，下面是一个来自G-Kenya codelab的布局文件，

它复用了上面列出的“title bar”文件， 该布局文件如下：

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:orientation="vertical"
  3. android:layout_width=”match_parent”
  4. android:layout_height=”match_parent”
  5. android:background="@color/app_bg"
  6. android:gravity="center_horizontal">
  7. <include layout="@layout/titlebar"/>
  8. <TextView android:layout_width=”match_parent”
  9. android:layout_height="wrap_content"
  10. android:text="@string/hello"
  11. android:padding="10dp" />
  12. ...
  13. </LinearLayout>

          你也可以在<include />节点中为被添加的布局文件的root View定义特别标识，重写所有layout参数即可(任何

以“android：layout_”为前缀的属性)。例如：

  1. <include android:id=”@+id/news_title”
  2. android:layout_width=”match_parent”
  3. android:layout_height=”match_parent”
  4. layout=”@layout/title”/>

3、使用<merge />标签

 

当在布局文件中复用另外的布局时， <merge />标签能够在布局层次消除多余的视图元素。例如，如果你的

主布局文件是一个垂直地包含两个View的LinearLayout，该布局能够复用在其他布局中，而对任意包含两个View的

布局文件都需要一个root View(否则， 编译器会提示错误)。然而，在该可复用性布局中添加一个LinearLayout

作为root View，将会导致一个垂直的LinearLayout包含另外的垂直LinearLayout。内嵌地LinearLayout只能减缓

UI效率，其他毫无用处可言。

该复用性布局利用.xml呈现如下：

  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:orientation="vertical"
  3. android:layout_width=”match_parent”
  4. android:layout_height=”match_parent”
  5. android:background="@color/app_bg"
  6. android:gravity="horizontal">
  7. <Button
  8. android:layout_width="fill_parent"
  9. android:layout_height="wrap_content"
  10. android:text="@string/add"/>
  11. <Button
  12. android:layout_width="fill_parent"
  13. android:layout_height="wrap_content"
  14. android:text="@string/delete"/>
  15. </LinearLayout>

为了避免冗余的布局元素，你可以使用<merge />作为复用性布局文件地root View 。例如：
           使用<merge />标签的布局文件：

  1. <merge xmlns:android="http://schemas.android.com/apk/res/android">
  2. <Button
  3. android:layout_width="fill_parent"
  4. android:layout_height="wrap_content"
  5. android:text="@string/add"/>
  6. <Button
  7. android:layout_width="fill_parent"
  8. android:layout_height="wrap_content"
  9. android:text="@string/delete"/>
  10. </merge>
 

现在，当你添加该布局文件时(使用<include />标签)，系统忽略< merge />节点并且直接添加两个Button去

取代<include />节点。

另外的，按需加载View视图 ，请看：

http://developer.android.com/training/improving-layouts/loading-ondemand.html

如何使ListView流畅滑动 ，请看：

http://developer.android.com/training/improving-layouts/smooth-scrolling.html

相关文章