Android程式開發初級教程(二)

將介面實現用XML編排

 

你剛剛完成的"Hello, World"例子我們稱之為”程式化”的介面編排。意思就是說構建你的應用程式介面是直接使用的原始碼。如果你已經完成過很多介面程式，你大概熟悉像此類的方式是多麼脆弱：一個對布局小小的修改會對原始碼造成很頭疼的事情。如果忘掉與View的緊密結合，這個導致代碼出錯和浪費你的調試時間的介面問題也會很簡單。

 

這就是為什麼Android提供了一種可替換的介面構建方式: 基於XML的布局檔案。最簡單的解釋這個概念的方式就是展示一個例子。我們就用剛才建立的項目來進行示範，達到相同的介面效果。

 

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

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

  android:layout_width="fill_parent"

  android:layout_height="fill_parent"

  android:text="Hello, Android"/>

 

AndroidXML布局檔案的大體的結構很簡單。它是一個標籤的樹，任何一個標籤就是View類的名字。在這個例子中, 它是一個很簡單的只有一個元素的樹，一個 TextView。你可以使用任何繼承自View類的名字作為標籤的名字。包括在你的代碼中自訂的View類。這個結構可以很容易的構建介面，它比你在原始碼中使用的結構和文法更簡單。這個模式的設計構想來自於Web開發。就是可以將介面和應用程式邏輯分離的模式。

 

在這個例子中，也有些是XML的屬性，下面是他們的含義:

 

屬性	含義
xmlns:android	這是XML命名空間的聲明,它是告訴Android的工具, 你將要涉及到公用的屬性已被定義在XML命名空間。在每一個Android的布局檔案的最外邊的標籤必須有這個屬性。
android:layout_width	這個屬性定義了在螢幕上這個View可用的寬度是多少。
android:layout_height	這個屬性定義了在螢幕上這個View可用的高度是多少。
android:text	設定TextView所包含的常值內容，當前設定為”Hello, Android”資訊

 

 

以上就是一個XML布局檔案的樣子，但是你需要放在哪裡？它要放在你的項目目錄的res/ 檔案夾下。 “res”是”resources”的縮寫，它是存放所有非代碼資源的檔案夾，包含象圖片，本地化字串和XML布局檔案。

這些Eclipse的外掛程式已經給你建立好了，在我們上面的例子中，我們沒有使用它。在包瀏覽器中，展開res目錄的layout. 並且編輯 main.xml, 替換掉那個常值內容，然後儲存。

 

現在，在包瀏覽狀態，開啟在代碼檔案夾中名為 R.java的檔案，你將看到下面的內容：

 

public final class R {

    public static final class attr {

    };

    public static final class drawable {

        public static final int icon=0x7f020000;

    };

    public static final class layout {

        public static final int main=0x7f030000;

    };

    public static final class string {

        public static final int app_name=0x7f040000;

    };

};

 

 

一個項目的R.java檔案是一個定義所有資源的索引檔案。使用這個類就像使用一種速記方式來引用你項目中包含的資源。這個有點特別的強大像對於Eclipse這類IDE的代碼編譯特性，因為它使你快速的，互動式的定位你正在尋找的特定引用。

 

到目前需要注意的重要事情是叫做”layout”的內部類和他的成員變數”main”, 外掛程式會通知你添加一個新的XML布局檔案，然後從新產生這個R.java檔案，比如你添加了新的資源到你的項目，你將會看到R.java也相應的改變了

 

最後重要的事情是你需要去修改你的HelloAndroid原始碼，去使用新的XML布局你的介面。替換掉編碼式的介面模式。下面是你的新代碼的樣子，你可以看到，代碼變得更加簡單了。

 

public class HelloAndroid extends Activity {

    /** Called when the activity is first created. */

    @Override

    public void onCreate(Bundle icicle) {

        super.onCreate(icicle);

        setContentView(R.layout.main);

    }

}

 

當你做這些改變的時候，不要僅僅複製，粘貼到你的代碼中，嘗試去體驗R.java的代碼編譯特點。你會發現它對你有很大的協助。

 

現在完成這些改變以後，你就可以重新運行你的程式，然後你會發現兩種不同的介面編排方式會產生同樣的效果。