Android開發優化之——對介面UI的優化（2）

yangxi_001發表於2013-11-27
Android優化UI

在一個應用程式中，一般都會存在多個Activity，每個Activity對應著一個UI佈局檔案。一般來說，為了保持不同視窗之間的風格統一，在這些UI佈局檔案中，幾乎肯定會用到很多相同的佈局。如果我們在每個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作為一個通用的模組比較好。

 

相關文章