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

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

在Android應用開發過程中，螢幕上控制元件的佈局程式碼和程式的邏輯程式碼通常是分開的。介面的佈局程式碼是放在一個獨立的xml檔案中的，這個檔案裡面是樹型組織的，控制著頁面的佈局。通常，在這個頁面中會用到很多控制元件，控制元件會用到很多的資源。Android系統本身有很多的資源，包括各種各樣的字串、圖片、動畫、樣式和佈局等等，這些都可以在應用程式中直接使用。這樣做的好處很多，既可以減少記憶體的使用，又可以減少部分工作量，也可以縮減程式安裝包的大小。

下面從幾個方面來介紹如何利用系統資源。

 

1）利用系統定義的id

比如我們有一個定義ListView的xml檔案，一般的，我們會寫類似下面的程式碼片段。

<ListView

    android:id="@+id/mylist"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"/>

 

這裡我們定義了一個ListView，定義它的id是"@+id/mylist"。實際上，如果沒有特別的需求，就可以利用系統定義的id，類似下面的樣子。

<ListView

    android:id="@android:id/list"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"/>

 

在xml檔案中引用系統的id，只需要加上“@android:”字首即可。如果是在Java程式碼中使用系統資源，和使用自己的資源基本上是一樣的。不同的是，需要使用android.R類來使用系統的資源，而不是使用應用程式指定的R類。這裡如果要獲取ListView可以使用android.R.id.list來獲取。

 

2）利用系統的圖片資源

    假設我們在應用程式中定義了一個menu，xml檔案如下。

<?xml version="1.0" encoding="utf-8"?>

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

    <item

        android:id="@+id/menu_attachment"

        android:title="附件"

        android:icon="@android:drawable/ic_menu_attachment" />

</menu>

 

其中程式碼片段android:icon="@android:drawable/ic_menu_attachment"本來是想引用系統中已有的Menu裡的“附件”的圖示。但是在Build工程以後，發現出現了錯誤。提示資訊如下：

error: Error: Resource is not public. (at 'icon' with value '@android:drawable/ic_menu_attachment').

 

從錯誤的提示資訊大概可以看出，由於該資源沒有被公開，所以無法在我們的應用中直接引用。既然這樣的話，我們就可以在Android SDK中找到相應的圖片資源，直接拷貝到我們的工程目錄中，然後使用類似android:icon="@drawable/ic_menu_attachment"的程式碼片段進行引用。

這樣做的好處，一個是美工不需要重複的做一份已有的圖片了，可以節約不少工時；另一個是能保證我們的應用程式的風格與系統一致。

 

經驗分享：

Android中沒有公開的資源，在xml中直接引用會報錯。除了去找到對應資源並拷貝到我們自己的應用目錄下使用以外，我們還可以將引用“@android”改成“@*android”解決。比如上面引用的附件圖示，可以修改成下面的程式碼。

android:icon="@*android:drawable/ic_menu_attachment"

修改後，再次Build工程，就不會報錯了。

 

3）利用系統的字串資源

    假設我們要實現一個Dialog，Dialog上面有“確定”和“取消”按鈕。就可以使用下面的程式碼直接使用Android系統自帶的字串。

    <LinearLayout

        android:orientation="horizontal"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content">

        <Button

            android:id="@+id/yes"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_weight="1.0"

            android:text="@android:string/yes"/>

        <Button

            android:id="@+id/no"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_weight="1.0"

            android:text="@android:string/no"/>

    </LinearLayout>

 

如果使用系統的字串，預設就已經支援多語言環境了。如上述程式碼，直接使用了@android:string/yes和@android:string/no，在簡體中文環境下會顯示“確定”和“取消”，在英文環境下會顯示“OK”和“Cancel”。

 

    4）利用系統的Style

    假設佈局檔案中有一個TextView，用來顯示視窗的標題，使用中等大小字型。可以使用下面的程式碼片段來定義TextView的Style。

    <TextView

        android:id="@+id/title"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

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

 

    其中android:textAppearance="?android:attr/textAppearanceMedium"就是使用系統的style。需要注意的是，使用系統的style，需要在想要使用的資源前面加“?android:”作為字首，而不是“@android:”。

 

5）利用系統的顏色定義

除了上述的各種系統資源以外，還可以使用系統定義好的顏色。在專案中最常用的，就是透明色的使用。程式碼片段如下。

android:background ="@android:color/transparent"

 

經驗分享：

Android系統本身有很多資源在應用中都可以直接使用，具體的，可以進入android-sdk的相應資料夾中去檢視。例如：可以進入$android-sdk$\platforms\android-8\data\res，裡面的系統資源就一覽無餘了。

開發者需要花一些時間去熟悉這些資源，特別是圖片資源和各種Style資源，這樣在開發過程中，能夠想到有相關資源並且直接拿來使用。

 

相關文章