Android布局之RelativeLayout（相對布局）

相對布局由於屬性比較多，所以用起來有些費力，但靈活性較其他布局方法好，所以掌握好相對布局將會非常有用。先看等一個例子：

1 <?xml version="1.0" encoding="utf-8"?>
2 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:layout_width="fill_parent"
4 android:layout_height="fill_parent">
5 <TextView
6 android:id="@+id/label"
7 android:layout_width="fill_parent"
8 android:layout_height="wrap_content"
9 android:text="Type here:"/>
10 <EditText
11 android:id="@+id/entry"
12 android:layout_width="fill_parent"
13 android:layout_height="wrap_content"
14 android:background="@android:drawable/editbox_background"
15 android:layout_below="@id/label"/>
16 <Button
17 android:id="@+id/ok"
18 android:layout_width="wrap_content"
19 android:layout_height="wrap_content"
20 android:layout_below="@id/entry"
21 android:layout_alignParentRight="true"
22 android:layout_marginLeft="10dip"
23 android:text="OK" />
24 <Button
25 android:layout_width="wrap_content"
26 android:layout_height="wrap_content"
27 android:layout_toLeftOf="@id/ok"
28 android:layout_alignTop="@id/ok"
29 android:text="Cancel" />
30 </RelativeLayout>這是很常見的布局內容，講解如下：1 android:layout_below="@id/label"/>

將當前控制項放置於id為label 的控制項下方。

1 android:layout_alignParentRight="true"

使當前控制項的右端和父控制項的右端對齊。這裡屬性值只能為true或false，預設false。

1 android:layout_marginLeft="10dip"

使當前控制項左邊空出相應的空間。

1 android:layout_toLeftOf="@id/ok"

使當前控制項置於id為ok的控制項的左邊。

1 android:layout_alignTop="@id/ok"

使當前控制項與id控制項的上端對齊。

至此，我們已經發現，其屬性之繁多。下面簡單歸納一下：
第一類:屬性值為true或false
*android:layout_centerHrizontal
*android:layout_centerVertical
*android:layout_centerInparent
*android:layout_alignParentBottom
*android:layout_alignParentLeft
*android:layout_alignParentRight
*android:layout_alignParentTop
*android:layout_alignWithParentIfMissing
第二類：屬性值必須為id的引用名“@id/id-name”
*android:layout_below
*android:layout_above
*android:layout_toLeftOf
*android:layout_toRightOf
*android:layout_alignTop
第三類：屬性值為具體的像素值，如30dip，40px
*android:layout_marginBottom
*android:layout_marginLeft
*android:layout_marginRight
*android:layout_marginTop

再看第二個例子：

1 <?xml version="1.0" encoding="utf-8"?>
2 <RelativeLayout
3 xmlns:android="http://schemas.android.com/apk/res/android"
4 android:layout_width="fill_parent"
5 android:layout_height="fill_parent">
6
7 <AnalogClock
8 android:id="@+id/aclock"
9 android:layout_width="wrap_content"
10 android:layout_height="wrap_content"
11 android:layout_centerInParent="true"/>
12 <DigitalClock
13 android:id="@+id/dclock"
14 android:layout_width="wrap_content"
15 android:layout_height="wrap_content"
16 android:layout_below="@id/aclock"
17 android:layout_alignLeft="@id/aclock"
18 android:layout_marginLeft="40px"/>
19 <TextView
20 android:layout_width="wrap_content"
21 android:layout_height="wrap_content"
22 android:text="目前時間:"
23 android:layout_toLeftOf="@id/dclock"
24 android:layout_alignTop="@id/aclock"/>
25 </RelativeLayout>

兩個例子的如下：第一個例子

第二個例子