Android中View繪製優化二一---- 使用標籤複用佈局檔案

本文原創， 轉載請註明出處：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)的。

<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>

 2、使用<include />標籤

 

          在需要新增這些佈局的地方，使用<include />標籤 。 例如，下面是一個來自G-Kenya codelab的佈局檔案，

  它複用了上面列出的“title bar”檔案， 該佈局檔案如下：

<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 />節點中為被新增的佈局檔案的root View定義特別標識，重寫所有layout引數即可(任何

  以“android：layout_”為字首的屬性)。例如：

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

 3、使用<merge />標籤

 

        當在佈局檔案中複用另外的佈局時， <merge />標籤能夠在佈局層次消除多餘的檢視元素。例如，如果你的

   主佈局檔案是一個垂直地包含兩個View的LinearLayout，該佈局能夠複用在其他佈局中，而對任意包含兩個View的

   佈局檔案都需要一個root View(否則， 編譯器會提示錯誤)。然而，在該可複用性佈局中新增一個LinearLayout

   作為root View，將會導致一個垂直的LinearLayout包含另外的垂直LinearLayout。內嵌地LinearLayout只能減緩

   UI效率，其他毫無用處可言。

            該複用性佈局利用.xml呈現如下：

<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="horizontal">

    <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"/>
</LinearLayout>

      為了避免冗餘的佈局元素，你可以使用<merge />作為複用性佈局檔案地root View 。例如：
           使用<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 />節點。

 

   另外的，按需載入View檢視 ，請看：

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

   如何使ListView流暢滑動 ，請看：

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