程式實戰-如何由系統分析出來流程，來進行程式的撰寫過程，要提出重要的地方來說明分析。
接下來，當我們順利的開啟一個新的專案後，接著就是要設計使用者介面了。首先，在Eclipse的平台上，打開「Demo3」專案中的「res/layout/main.xml」檔案，就會先看到目前檔案的預覽畫面(就是在Layout預設的頁標籤)，如圖26所示。接著我們來切換到另一個main.xml的頁標籤來看XML格式的文件，如圖27所示。

圖26

在Android平台上，使用者介面都是透過「View Group」或「View」類別來顯示。有關「View Group」或「View」類別，可以參考http://developer.android.com/guide/tutorials/views/index.html 的範例及說明。
Android提供非常豐富而多樣的介面元件，主要可以分成三種類型：
1.顯示介面類型(例如：文字框、按鈕、輸入欄位等)：如圖26上面的Views當中的元件。
2.版面配置類型(例如：各種不同的Layout、Tab、List等)：如圖26上面的Layouts當中的元件。

在Eclipse上，如圖26的畫面，目前，可以從Views或Layouts的視窗中，拖曳元件，拉到預覽畫面。而可以直接來設計介面。切換到「main.xml」的頁標籤來看XML格式的文件內容，如圖27所示。

基本上，就跟XML元素一樣，有開始的「<」符號就有結束的「>」符號。例如：一個文字顯示的元件在XML標籤表示方式為<TextView/>，包含在裡面的資料就是它的屬性設定，例如：
寬度設定：android:layout_width="fill_parent"
高度設定：android:layout_height="wrap_content"
文字內容設定：android:text="@string/hello"
等屬性的設定。

圖27

Tip 1：在Eclipse平台，選取選單「Source」中的「Format」選項，可以整理main.xml檔案裡面的XML資料。