Android Layout 布局

原文位址： http://android.tgbus.com/Android/tutorial/201104/348551.shtml

一個Android視圖有很多控件，那麼怎麼來控制它們的位置排列呢?我們需要容器來存放這些控件并控制它們的位置排列，就像HTML中div,table一樣，Android布局也起到同樣的作用。

　　Android布局主要有以下幾種:LinearLayout,RelativeLayout,TableLayout,AbsoluteLayout.最後一種AbsoluteLayout是通過指定控件的x/y坐标來定位的，不太靈活是以已經不推薦使用了。

　　(1)LinearLayout

　　LinearLayout線性布局，包含在LinearLayout裡面的控件按順序排列成一行或者一列，類似于Swing裡的FlowLayout和Silverlight裡的StackPanel，它的常用的屬性主要包括：

　　Orientation方向，即指定LinearLayout是代表一行還是一列，可以為horizontal或vertical，如android:orientation="vertical"，當然也在可以在代碼裡通過setOrientation()方法來設定。

　　FillMode填充方式，所有在LinearLayout的控件都必須指定它的填充方式,即設定android:layout_width和android:layout_height，可以為三種值(1)具體的像素值，如20px(2)wrap_content,表示按控件文本實際長度顯示(3)fill_parent,表示填充剩下的所有可用空間。

　　Weight權重，如果你想讓一行或一列的控件按比例顯示，這時候權重就起到作用了，如想讓一行裡面兩控件其中一控件占兩倍于另一控件的空間，可以把其中一控件的android:layout_weight設定為1,另一個為2即可。

　　我們來看看代碼：

　　Java代碼：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical" 

android:layout_width="fill_parent" 

android:layout_height="fill_parent">

<LinearLayout 

android:orientation="horizontal" 

android:layout_width="fill_parent" 

android:layout_height="fill_parent" 

android:layout_weight="1">

<TextView 

android:text="red" 

android:gravity="center_horizontal" 

android:background="#aa0000" 

android:layout_width="wrap_content" 

android:layout_height="fill_parent" 

android:layout_weight="1" />

<TextView 

android:text="green" 

android:gravity="center_horizontal" 

android:background="#00aa00" 

android:layout_width="wrap_content" 

android:layout_height="fill_parent" 

android:layout_weight="1" />

<TextView 

android:text="blue" 

android:gravity="center_horizontal" 

android:background="#0000aa" 

android:layout_width="wrap_content" 

android:layout_height="fill_parent" 

android:layout_weight="1" />

<TextView 

android:text="yellow" 

android:gravity="center_horizontal" 

android:background="#aaaa00" 

android:layout_width="wrap_content" 

android:layout_height="fill_parent" 

android:layout_weight="1" />

</LinearLayout>

<LinearLayout 

android:orientation="vertical" 

android:layout_width="fill_parent" 

android:layout_height="fill_parent" 

android:layout_weight="1">

<TextView

android:text="row one" 

android:textSize="15pt" 

android:layout_width="fill_parent" 

android:layout_height="wrap_content" 

android:layout_weight="1" />

<TextView 

android:text="row two" 

android:textSize="15pt" 

android:layout_width="fill_parent" 

android:layout_height="wrap_content" 

android:layout_weight="1" />

<TextView

android:text="row three" 

android:textSize="15pt" 

android:layout_width="fill_parent" 

android:layout_height="wrap_content" 

android:layout_weight="1" />

<TextView 

android:text="row four" 

android:textSize="15pt" 

android:layout_width="fill_parent" 

android:layout_height="wrap_content" 

android:layout_weight="1" />

</LinearLayout>

</LinearLayout>

　　可以看到父類LinearLayout包含了一個水準布局的LinearLayout和一個垂直布局的LinearLayout，它們分别包含了四個平分寬度和高度的TextView，運作效果如下：

　　

　　效果圖：