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!」的文字方 塊元件。
Copy link
On this page
XML 檔的原貌
畫面配置檔中的元素