解析Android開發最佳化之:對介面UI的最佳化詳解(二)_Android

    如果我們在每個xml檔案中都把相同的布局都重寫一遍，一個是代碼冗餘，可讀性很差；另一個是修改起來比較麻煩，對後期的修改和維護非常不利。所以，一般情況下，我們需要把相同布局的代碼單獨寫成一個模組，然後在用到的時候，可以通過<include /> 標籤來重用layout的代碼。

常見的，有的應用在最上方會有一個標題列。類似下圖所示。

圖 標題列的樣本

 

    如果項目中大部分Activity的布局都包含這樣的標題列，就可以把標題列的布局單獨寫成一個xml檔案。

複製代碼 代碼如下:

<RelativeLayout

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:gravity="center"

    android:background="@drawable/navigator_bar_bg"

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

    <TextView

        android:id="@android:id/title"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_centerVertical="true"

        android:gravity="center"

        android:hint="title"

        android:textAppearance="?android:attr/textAppearanceMedium" />

    <ImageView

        android:id="@android:id/closeButton"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentRight="true"

        android:src="@drawable/close" />

</RelativeLayout>

    我們將上面的xml檔案命名為“navigator_bar.xml”，其它需要標題列的Activity的xml布局檔案就可以直接引用此檔案了。

複製代碼 代碼如下:

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

複製代碼 代碼如下:

經驗分享：

一般情況下，在項目的初期就能夠大致確定整體UI的風格。所以早期的時候就可以做一些規劃，將通用的模組先寫出來。

下面是可能可以抽出的共用的布局：

1）背景。有的應用在不同的介面裡會用到統一的背景。後期可能會經常修改預設背景，所以可以將背景做成一個通用模組。

2）頭部的標題列。如果應用有統一的頭部標題列，就可以抽取出來。

3）底部的導覽列。如果應用有導覽列，而且大部分的Activity的底部導覽列是相同的，就可以將導覽列寫成一個通用模組。

4）ListView。大部分應用都會用到ListView展示多條資料。項目後期可能會經常調整ListView的風格，所以將ListView作為一個通用的模組比較好。