第13章、布局Layouts之RelativeLayout相對布局（從零開始學Android）

（3）第③部分

android:layout_width="match_parent" android:layout_height="match_parent"表示布局管理器寬度和高充將填充整個屏幕寬度和高度。

3、插入三個按鈕。

插入三個按鈕，並分別設置其文本為：“第一個按鈕”、“第二個按鈕”、“第三個按鈕”。

我們下一步設置第一個按鈕距離左邊、上邊各20dp，第二個按鈕距離第一個按鈕左邊、上邊各10dp；第三個按鈕距離第二個按鈕上邊10dp，與第二個按鈕左邊對齊。

4、打開“res/layout/activity_main.xml”文件，修改成以下代碼。

（1）第①部分

設置第一個按鈕，以父元素為基准，貼緊左上，距離20dp。

2.        android:id="@+id/button1"  
3.       android:layout_width="wrap_content" //寬度匹配內容  
4.        android:layout_height="wrap_content" //高度匹配內容   
5.        android:layout_alignParentLeft="true"                         //貼緊父元素左邊  
6.        android:layout_alignParentTop="true" //貼緊父元素上邊   
7.        android:layout_marginLeft="20dp"                              //設置左間距20dp  
8.        android:layout_marginTop="20dp"                               //設置上間距20dp  
9.        android:text="第一個按鈕" />  

（2）第②部分

設置第二個按鈕，以第一個按鈕為基准，在第一個按鈕下面，對齊第一個按鈕的右邊，上距離15dp。

1. <Button  
2.         android:id="@+id/button2"  
3.         android:layout_width="wrap_content" //寬度匹配內容  
4.         android:layout_height="wrap_content"  　//高度匹配內容  
5.         android:layout_below="@+id/button1" //位置在第一個按鈕的下面  
6.         android:layout_toRightOf="@+id/button1" 　　　　　　　　　　　//與第一個按鈕的右邊對齊  
7.         android:layout_marginTop="15dp"                            //設置上間距15dp  
8.  android:text="第二個按鈕" />  

（3）第③部分

設置第三個按鈕，以第二個按鈕為基准，在第二個按鈕下面，對齊第二個按鈕的左邊，距離15dp。

1. <Button  
2.     android:id="@+id/button3"  
3.     android:layout_width="wrap_content" //寬度匹配內容  
4.     android:layout_height="wrap_content"  　//高度匹配內容  
5.     android:layout_below="@+id/button2" //位置在第二個按鈕的下面  
6.     android:layout_toLeftOf="@+id/button2" //與第二個按鈕的左邊對齊  
7.     android:layout_marginTop="15dp" //設置上間距15dp          
8.     android:text="第三個按鈕" />  

最終顯示效果如下：

附：相對布局常用屬性介紹

這裡將這些屬性分成組，便於理解和記憶。 
a）、第一類:屬性值為true或false
android:layout_centerHrizontal 水平居中
android:layout_centerVertical 垂直居中
android:layout_centerInparent 相對於父元素完全居中
android:layout_alignParentBottom 貼緊父元素的下邊緣
android:layout_alignParentLeft 貼緊父元素的左邊緣
android:layout_alignParentRight 貼緊父元素的右邊緣
android:layout_alignParentTop 貼緊父元素的上邊緣

b）、第二類：屬性值必須為id的引用名“@id/id-name”
android:layout_below 在某元素的下方
android:layout_above 在某元素的的上方
android:layout_toLeftOf 在某元素的左邊
android:layout_toRightOf 在某元素的右邊
android:layout_alignTop 本元素的上邊緣和某元素的的上邊緣對齊
android:layout_alignLeft 本元素的左邊緣和某元素的的左邊緣對齊
android:layout_alignBottom 本元素的下邊緣和某元素的的下邊緣對齊
android:layout_alignRight 本元素的右邊緣和某元素的的右邊緣對齊

c）、第三類：屬性值為具體的像素值，如30dip，40px
android:layout_marginBottom 離某元素底邊緣的距離
android:layout_marginLeft 離某元素左邊緣的距離
android:layout_marginRight 離某元素右邊緣的距離
android:layout_marginTop 離某元素上邊緣的距離

可以通過組合這些屬性來實現各種各樣的布局。