Android用戶界面詳解

 這個章節(jié)描述怎么實現(xiàn)一個基本的Android界面。它涉及構(gòu)建屏幕基本元素，怎么在xml(定義文件)內(nèi)定義屏幕、用你的代碼生成、在不同任務(wù)你需要操作你的用戶接口。Android生成屏幕有三種方式：xml配置生成;通過你自己用戶界面接口生成;直接用代碼生成。根據(jù)MVC原則，UI應(yīng)該與程序邏輯相分離，因此，在XML中定義UI結(jié)構(gòu)是高度推薦的。此外，一個程序從一個屏幕方案調(diào)整到另一個也容易得多。在XML中定義UI跟創(chuàng)建一個普通的HTML文檔非常相似，例如，你有如下的一個文件：

The content of the body element.

就如Android的XML布局一樣，所有的元素都是結(jié)構(gòu)化的，能夠通過樹形結(jié)構(gòu)來表示：

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

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Hello World"/>

3.2.1屏幕元素的層次

Android應(yīng)用程序的基礎(chǔ)功能單元就是Activity--android.app.Activity類中的一個對象。一個Activity可以做很多事，但是他自己并不會顯示到屏幕上。想要讓你的Activity顯示在屏幕上并且設(shè)計它的UI，你需要使用view和viewgroup--Android平臺基礎(chǔ)的用戶界面表達單元。

Views

一個view是一個android.view.View基礎(chǔ)類的對象。它是一個存儲有屏幕上特定的一個矩形內(nèi)布局和內(nèi)容屬性的數(shù)據(jù)結(jié)構(gòu)。一個View對象處理測距和布局，繪圖，焦點變換，滾動條，還有屏幕區(qū)域自己表現(xiàn)的按鍵和手勢。

View類作為一個基類，為widget(窗體部件)服務(wù)，widget--是一組用于繪制交互屏幕元素的完全實現(xiàn)子類。Widget處理它們自己的測距和繪圖，所以你可以更快速地用它們?nèi)?gòu)建你的UI。可用到的widget包括Text，EditText，InputMethod，Button，RadioButton，Checkbox，和ScrollView……。

Viewgroups

一個ViewGroup是一個android.view.Viewgroup類的對象。正如同它的名字表明的一樣，一個viewgroup是一個特殊的view對象，它的功能是去裝載和管理一組下層的view和其他viewgroup，Viewgroup讓你可以為你的UI增加結(jié)構(gòu)并且將復(fù)雜的屏幕元素構(gòu)建成一個獨立的實體。

Viewgroup類作為一個基類為layout(布局)服務(wù)，layout--是一組提供屏幕界面通用類型的完全實現(xiàn)子類。layout讓你可以為一組view構(gòu)建一個結(jié)構(gòu)。

一個樹形結(jié)構(gòu)的界面

在Android平臺上，你用view樹和viewgroup節(jié)點來定義一個Activity的UI，就如同下面圖表一樣。這個樹可以如你需要那樣簡單或者復(fù)雜，并且你可以使用Android的預(yù)定義widget和layout或者你自定義的view類型來構(gòu)建它。

一個view和viewgroup樹的樣例:

Picture 4 Android UI - Tree structure

要將屏幕綁定一個樹以便于渲染，你的Activity調(diào)用它的setContentView()方法并且傳遞一個參數(shù)給根節(jié)點對象。一旦Android系統(tǒng)獲得了根節(jié)點的參數(shù)，它就可以直接通過節(jié)點來無效化，測距和繪制樹。當(dāng)你的Activity被激活并且獲得焦點時，系統(tǒng)會通知你的activity并且請求根節(jié)點去測距并繪制樹，根節(jié)點就會請求它的子節(jié)點去繪制它們自己，同時，每個樹上的viewgroup節(jié)點負責(zé)繪制它的直接子節(jié)點。

正如之前提到的，每個view group都有測量它的有效空間，布局它的子對象，并且調(diào)用每個子對象的Draw()方法去繪制它們自己。子對象可能會請求獲得一個它們在父對象中的大小和位置，但是父對象對于每個子對象的大小和位置有最終的決定權(quán)。

LayoutParams：一個子對象如何指定它的位置和大小

每個viewgroup類都會使用一個繼承于Viewgroup.LayoutParams的嵌套類。這個子類包含了一系列的屬性類型，這些屬性類型定義一個子對象位置和大小，與view group類相適應(yīng)。

layoutparams的一個樣例：

要注意的是，每個LayoutParams子類都有它自己賦值的語法。每個子元素必須定義適用于它們父對象的LayoutParams，盡管父對象可能會為子元素定義不同的LayoutParams。

所有的viewgroup都包括寬和高。很多還包括邊界的定義(margin和border)。你可以非常精確地描述寬和高，盡管你并不想經(jīng)常這么做。更多時候你希望你的view自行調(diào)整到適應(yīng)內(nèi)容大小，或者適應(yīng)容器大小。

Android 界面元素與Swing界面元素的比較

Android和Swing的監(jiān)聽者設(shè)置也幾乎一樣：

3.2.2 通用布局對象

下面為在你的應(yīng)用中為最普遍的view groups。這里介紹每種類型的一些基本信息;更深入的細節(jié)，請看每章前面的鏈接參考頁。

FrameLayout

FrameLayout是最簡單的一個布局對象。它被定制為你屏幕上的一個空白備用區(qū)域，之后你可以在其中填充一個單一對象 — 比如，一張你要發(fā)布的圖片。所有的子元素將會固定在屏幕的左上角;你不能為FrameLayout中的一個子元素指定一個位置。后一個子元素將會直接在前一個子元素之上進行覆蓋填充，把它們部份或全部擋住(除非后一個子元素是透明的)。

LinearLayout

LinearLayout以你為它設(shè)置的垂直或水平的屬性值，來排列所有的子元素。所有的子元素都被堆放在其它元素之后，因此一個垂直列表的每一行只會有一個元素，而不管他們有多寬，而一個水平列表將會只有一個行高(高度為最高子元素的高度加上邊框高度)。LinearLayout保持子元素之間的間隔以及互相對齊(相對一個元素的右對齊、中間對齊或者左對齊)。

LinearLayout還支持為單獨的子元素指定weight。好處就是允許子元素可以填充屏幕上的剩余空間。這也避免了在一個大屏幕中，一串小對象擠成一堆的情況，而是允許他們放大填充空白。子元素指定一個weight值，剩余的空間就會按這些子元素指定的weight比例分配給這些子元素。默認的weight值為0。例如，如果有三個文本框，其中兩個指定了weight值為1，那么，這兩個文本框?qū)⒌缺壤胤糯?，并填滿剩余的空間，而第三個文本框不會放大。

下面的兩個窗體采用LinearLayout，包含一組的元素：一個按鈕，幾個標(biāo)簽，幾個文本框。兩個窗體都為布局做了一番修飾。文本框的width被設(shè)置為FILL_PARENT;其它元素的width被設(shè)置為WRAP_CONTENT。默認的對齊方式為左對齊。左邊的窗體沒有設(shè)置weight(默認為0);右邊的窗體的comments文本框weight被設(shè)置為1。如果Name文本框也被設(shè)置為1，那么Name和Comments這兩個文本框?qū)型瑯拥母叨取?/p>

在一個水平排列的LinearLayout中，各項按他們的文本基線進行排列(第一列第一行的元素，即最上或最左，被設(shè)定為參考基線)。因此，人們在一個窗體中檢索元素時，就不需要七上八下地讀元素的文本了。我們可以在layout的XML中設(shè)置android:baselineAligned="false"，來關(guān)閉這個設(shè)置。[!--empirenews.page--]

TableLayout

TableLayout將子元素的位置分配到行或列中。android的一個TableLayout由許多的TableRow組成，每個TableRow都會定義一個row(事實上，你可以定義其它的子對象，這在下面會解釋到)。TableLayout容器不會顯示row、cloumns或cell的邊框線。每個row擁有0個或多個的cell;每個cell擁有一個View對象。表格由列和行組成許多的單元格。表格允許單元格為空。單元格不能跨列，這與HTML中的不一樣。下圖顯示了一個TableLayout，圖中的虛線代表不可視的單元格邊框。