2013年2月8日 星期五

[Android]Android 元件佈局(ㄧ) LinearLayout

Survey:
思思 - [Android] LinearLayout


Android 元件佈局(ㄧ) LinearLayout

   如何設計使用者介面(UI)?Android的元件佈局是以Layout作為包覆的容器,並可在容器中進行元件的排版。各元件也提供了許多屬性,透過屬性的設定,可針對各元件進行位置、大小、顏色設計與排版,最後完成使用者介面.

  • 使用LinearLayout進行元件佈局
   首先對/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元件佈局結果
   由於LinearLayout所使用的屬性"android:orientation"屬性值為"horizontal"(水平),所以元件的排版方式是以水平排版呈現,可試著將屬性值修改成"vertical",看看是否會以垂直排版方式呈現.
執行結果
  • 將"android:orientation"屬性值修改為"vertical"
   對吧,元件變成以垂直排版方式呈現.
執行結果

沒有留言:

張貼留言