chapter 3 使用xml 描述使用者介面.pdf

Chapter 3 使用 XML描述使用者介面 作者 :亞洲大學資訊多媒體應用學系 林致宇 在第一章中，筆者已經提過 Android的應用程式都是利用 Java語言所完成的， 依筆者在學校的經驗發現，只要跟學生談到 Java ，不少人可能就決定要打退堂鼓 了，不過請讀者先別急著放棄，因為在這一章中，我們完全不會談論到Java ，然 而我們卻可以寫出幾個程式，包含了學習一個新的程式語言時，常常會寫的第一 個程式 Hello World 。為什麼我們不需要改到Java程式便可完成 Hello World的程 式呢？這是由於Android提供兩種建立使用者介面(User Interface)的方法：第一 是直接在程式中設計，第二則是透過以 XML(eXtensible Markup Language)為基礎 的版面設計描述檔來完成。在本章中，我們將詳細地介紹第二種方法。 3.1 XML簡介簡介 簡介簡介 XML 與一般人較為熟知的HTML (HyperText Markup Language) 一樣是屬於標籤 語言的一種。然而 XML有兩個很大的特點：自定標籤與良好格式。 3.1.1自定標籤 XML 並不像HTML 一樣有預設的標籤，例如IMG代表著要在網頁中插入一張 圖片、 A代表著要加入一個超連結等。使用者必須自己定義各種標籤，一個應 用程式可以自行定義一些標籤，而應用程式的使用者如果想跟應用程式做溝通， 就必須去瞭解那個應用程式的自定標籤如何使用，例如一個通訊錄應用程式，定 義了NAME 來表示連絡人姓名、TEL 來表示連絡人電話、ADDR 來表示連 絡人地址，此時若一個使用者希望應用程式讀進一筆連絡人資料，則使用者就必 須按照應用程式所定義的標籤，寫出一個 XML檔案。因此，至此我們應該可以 體驗得出來 XML是用來描述資訊的內容所代表的意義，而不像 HTML是用來顯 示資料。 Android提供了以 XML 為基礎的方式來設計使用者介面的版面，因此Android 也定義了一些標籤，例如 Button 表示要顯示一個按鈕元件、ImageView 表示 要顯示一個圖片元件、 TextView 表示要顯示一個文字方塊元件，如同HTML 的標籤一樣，標籤會有許多的屬性， TextView標籤有一個屬性為 android:text ， 其是用來設定文字方塊裡面要顯示的文字內容，至此，我們便可以想像，我們只 要設計一個 XML檔，使用TextView標籤，並將 android:text屬性設成 Hello World ， 我們就能夠在螢幕上顯示出Hello World 。這也說明了，我們真的可以不需要改 到Java的程式，便能夠寫出簡單的 Android 應用程式。 3.1.2良好格式 XML另外一個跟 HTML很不一樣的特點是：XML 需要有良好的格式。在HTML 中，有時忘了加上結尾標籤，瀏覽器仍然能夠正常的讀取檔案並顯示內容，然而 在 XML中，每個標籤一定要有結尾標籤，例如使用了 Button這個標籤，後頭 就需要有一個 /Button標籤，若標籤為沒有結尾標籤的單獨標籤，則在「 」符 號前必須要有「 / 」符號。 若我們使用 Eclipse整合開發環境，則在編寫 XML檔時，會適度地幫我們做檢 查，例如在下圖中，TextView標籤因為沒有適當的結尾標籤/TextView且「 」 符號前也沒有「/ 」符號，因此Eclipse幫我們以紅線標示出來，此時若將滑鼠游 標移至紅線處，會出現「遺失結尾標籤」的提示訊息。 由於本書的目的並不是介紹 XML ，對於XML的說明只到此為止，對於 XML想 更深入瞭解的讀者可自行參閱相關書籍。事實上，在閱讀本書時，即使讀者對 XML 並沒有深入的瞭解，只要讀者對於HTML有一定程度的瞭解，並能瞭解上 述所提的XML 特點，便足以瞭解本書的內容。接下來我們就要示範如何寫出 Hello World 。 3.2 Hello World 3.2.1 建立新專案 在這一節中，我們將一步一步的示範如何完成 Hello World這個程式，首先我們 先開啟一個新的專案(FileNew Android Project) ，如下圖所示，由於這是一個 新建的專案，我們選擇「Create new project in workspace 」，有幾個欄位是需要解 說的： Project name 代表此專案的名稱，Eclipse會於 Workspace的目錄下建立一個跟 Project na