| 以文本方式查看主題 - 曙海教育集團論壇 (http://m.rfoamep.cn/bbs/index.asp) -- Android系統開發 (http://m.rfoamep.cn/bbs/list.asp?boardid=44) ---- Android程序開發初級教程② ——將界面實現用XML編排 (http://m.rfoamep.cn/bbs/dispbbs.asp?boardid=44&id=2018) |
| -- 作者：wangxinxin -- 發布時間：2010-12-2 14:49:45 -- 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的代碼編譯特點。你會發現它對你有很大的幫助。 現在完成這些改變以后，你就可以重新運行你的程序，然后你會發現兩種不同的界面編排方式會產生同樣的效果。 |