3.3 畫面配置－Layout

一個手機畫面是由 XML 檔案描述構成的，這個檔案稱為「Layout」畫面配置檔，統一放在專案下的「res/layout/」資料夾下，內有一個 xml 檔 「activity_main.xml」，這個檔案是在建立專案時選擇了空白活動 (Empty Activity) 時，由 Android Studio 自動產生出來，代表 APP 的第一個畫面。

請連擊「activity_main.xml」，會在編輯區域中開啟檔案，顯示如下圖：

雖然我們點擊的是 XML 文字格式的檔案，但因為它屬於 Android 的畫 面配置檔，因此預設以「預覽/設計模式」顯示在畫面中，開發或設計人員可在這個介 面下進行元件配置、調整與設計。如上圖中間整塊是主要畫面區塊。

XML 檔的原貌

Layout 檔案的內容是「XML 格式」， 請點擊編輯區塊的左下方的標籤「Text」，

就在「Design」標籤旁，如下圖：

點擊 Text 標籤後，編輯區域會換成該檔案的原始碼格式，也就是 XML 檔案的內容，如下圖：

畫面配置檔中的元素

辨認 XML 的架構對於進階的開發人員是必要的能力，以便日後能夠自 行微調畫面配置中的元件資訊，請切換回設計畫面「Design」，在左邊有一 個「Component Tree」元件樹，其樹狀結構如下圖：

整個畫面內容主要由一個「ConstraintLayout」容器元件所構成，容器內有一個「TextView」元件，也就是畫面上顯示「Hello World!」的文字方 塊元件。