如何設計使用者介面(UI)?Android的元件佈局是以Layout作為包覆的容器,並可在容器中進行元件的排版。各元件也提供了許多屬性,透過屬性的設定,可針對各元件進行位置、大小、顏色設計與排版,最後完成使用者介面.
首先對/res/layout/main.xml進行編輯,main.xml為預設產生的檔案,開發者亦可自行新建所需的xml檔(名稱不拘)。在xml中是如何定義元件的呢?下面xml中共定義了5個元件(LinearLayout、Button),使用一個LinearLayout來包覆4個Button元件,並定義一些元件屬性完成元件佈局,接下來說明一下元件屬性有哪些功能吧!!
屬性 | 說明 |
android:id | 該屬性指定一個辨識符號給元件,並自動在R.java中建立索引,透過此id可用來調用元件. |
android:layout_width | 該屬性定義元件的寬度,可使用的屬性值有"fill_parent"(填滿容器空間)、"wrap_content"(根據內部內容延展至適當大小)、"match_parent"(大致上功能與"fill_parent"相同,2.2版本才可使用). |
android:layout_height | 該屬性定義元件的高度,可使用屬性值同上. |
android:text | 該屬性可設定文字顯示在元件上. |
android:orientation | 該屬性可設定LinearLayout版面的排版方向,可使用的屬性值有"horizontal"(水平)、"vertical"(垂直). |
由於LinearLayout所使用的屬性"android:orientation"屬性值為"horizontal"(水平),所以元件的排版方式是以水平排版呈現,可試著將屬性值修改成"vertical",看看是否會以垂直排版方式呈現.
 |
執行結果 |
- 將"android:orientation"屬性值修改為"vertical"
對吧,元件變成以垂直排版方式呈現.
 |
執行結果 |
沒有留言:
張貼留言