android：layout_alignleft layout_toleftof区别,详解RelativeLayout布局属性

原文地址：http://blog.csdn.net/qq_32059827/article/details/51488016

最近看博客看到有关于RelativeLayout布局的解释，有的解释很多是错误的。因此有必要对每一个常见的布局属性进行描述。以下解释全部都是逐行进行测试的。

[html] view plain copy

print ?

1.   首先把常用的布局分组。（会对所有的对其方式解释，且主要讨论layout_alignleft layout_toleftof区别）  
2.   android:layout_above                                将该控件的底部至于给定ID的控件之上（只写一行代该控件底部与id控件上边缘对其，且默认于父布局左边）  
3.   android:layout_below                                将该控件的顶部至于给定ID的控件之下（只写一行代该控件顶部与id控件下边缘对其，且默认于父布局左边）  
4.   android:layout_toLeftOf                             将该控件的右边缘和给定ID的控件的左边缘对齐,默认是位于父布局的顶部  
5.   android:layout_toRightOf                            将该控件的左边缘和给定ID的控件的右边缘对齐，默认位于父布局的顶部  
6.   
7. （默认父布局的左和上）  
8.  android:layout_alignBaseline 该控件的baseline和给定ID的控件的baseline对齐  
9. android:layout_alignBottom 将该控件的底部边缘与给定ID控件的底部边缘对其（该控件还是默认位于父布局的左边）  
10.  android:layout_alignTop  将给定控件的顶部边缘与给定ID控件的顶部对齐（该控件还是默认位于父布局的左边）效果和上边一样  
11.  android:layout_alignLeft 将该控件的左边缘与给定ID控件的左边缘对齐（该控件默认位于父布局的上边）  
12. android:layout_alignRight 将该控件的右边缘与给定ID控件的右边缘对齐（该控件默认位于父布局的上边）此时效果和上边效果一样  
13.   
14.   
15. （默认父布局的左和上） android:alignParentBottom 如果该值为true，则将该控件的底部和父控件的底部对齐（只写一行默认左下）  
16. android:layout_alignParentLeft 如果该值为true，则将该控件的左边与父控件的左边对齐(只写一条默认左上)  
17. android:layout_alignParentRight 如果该值为true，则将该控件的右边与父控件的右边对齐（默认右上）  
18. android:layout_alignParentTop 如果该值为true，则将空间的顶部与父控件的顶部对齐（只写一条默认左上）  
19.   
20.   
21. （默认父布局的左和上）  
22. android:layout_centerHorizontal 如果值为真，该控件将被至于水平方向的中央（默认父布局的上方）  
23.  android:layout_centerInParent 如果值为真，该控件将被至于父控件水平方向和垂直方向的中央  
24. android:layout_centerVertical 如果值为真，该控件将被至于垂直方向的中央（默认父布局的左边）  

  首先把常用的布局分组。（会对所有的对其方式解释，且主要讨论layout_alignleft layout_toleftof区别）
  android:layout_above                                将该控件的底部至于给定ID的控件之上（只写一行代该控件底部与id控件上边缘对其，且默认于父布局左边）
  android:layout_below                                将该控件的顶部至于给定ID的控件之下（只写一行代该控件顶部与id控件下边缘对其，且默认于父布局左边）
  android:layout_toLeftOf                             将该控件的右边缘和给定ID的控件的左边缘对齐,默认是位于父布局的顶部
  android:layout_toRightOf                            将该控件的左边缘和给定ID的控件的右边缘对齐，默认位于父布局的顶部

（默认父布局的左和上）
 android:layout_alignBaseline 该控件的baseline和给定ID的控件的baseline对齐
android:layout_alignBottom 将该控件的底部边缘与给定ID控件的底部边缘对其（该控件还是默认位于父布局的左边）
 android:layout_alignTop  将给定控件的顶部边缘与给定ID控件的顶部对齐（该控件还是默认位于父布局的左边）效果和上边一样
 android:layout_alignLeft 将该控件的左边缘与给定ID控件的左边缘对齐（该控件默认位于父布局的上边）
android:layout_alignRight 将该控件的右边缘与给定ID控件的右边缘对齐（该控件默认位于父布局的上边）此时效果和上边效果一样


（默认父布局的左和上） android:alignParentBottom 如果该值为true，则将该控件的底部和父控件的底部对齐（只写一行默认左下）
android:layout_alignParentLeft 如果该值为true，则将该控件的左边与父控件的左边对齐(只写一条默认左上)
android:layout_alignParentRight 如果该值为true，则将该控件的右边与父控件的右边对齐（默认右上）
android:layout_alignParentTop 如果该值为true，则将空间的顶部与父控件的顶部对齐（只写一条默认左上）


（默认父布局的左和上）
android:layout_centerHorizontal 如果值为真，该控件将被至于水平方向的中央（默认父布局的上方）
 android:layout_centerInParent 如果值为真，该控件将被至于父控件水平方向和垂直方向的中央
android:layout_centerVertical 如果值为真，该控件将被至于垂直方向的中央（默认父布局的左边）

显然layout_alignleft layout_toleftof区别就一目了然。通过代码和图片再一次视觉上区分：

首先看layout_aliginleft:

[html] view plain copy

print ?

1. <RelativeLayout  
2.     xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:tools="http://schemas.android.com/tools"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent"  
6.     tools:context="com.itheima.helloworld.MainActivity">  
7.   
8.     <Button  
9.         android:id="@+id/button1"  
10.         android:layout_width="wrap_content"  
11.         android:layout_height="wrap_content"  
12.         android:layout_centerInParent="true"  
13.         android:text="button1"  
14.         />  
15.   
16.     <Button  
17.         android:id="@+id/button2"  
18.         android:layout_width="wrap_content"  
19.         android:layout_height="wrap_content"  
20.         android:layout_alignLeft="@id/button1"  
21.         android:text="button2"  
22.         />  
23.   
24. </RelativeLayout>  

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.itheima.helloworld.MainActivity">

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="button1"
        />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/button1"
        android:text="button2"
        />

</RelativeLayout>

图片：

再来看layout_toleftof代码如下：

[html] view plain copy

print ?

1. <RelativeLayout  
2.     xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:tools="http://schemas.android.com/tools"  
4.     android:layout_width="match_parent"  
5.     android:layout_height="match_parent"  
6.     tools:context="com.itheima.helloworld.MainActivity">  
7.   
8.     <Button  
9.         android:id="@+id/button1"  
10.         android:layout_width="wrap_content"  
11.         android:layout_height="wrap_content"  
12.         android:layout_centerInParent="true"  
13.         android:text="button1"  
14.         />  
15.   
16.     <Button  
17.         android:id="@+id/button2"  
18.         android:layout_width="wrap_content"  
19.         android:layout_height="wrap_content"  
20.         android:layout_toLeftOf="@id/button1"  
21.         android:text="button2"  
22.         />  
23.   
24. </RelativeLayout>  

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.itheima.helloworld.MainActivity">

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="button1"
        />

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toLeftOf="@id/button1"
        android:text="button2"
        />

</RelativeLayout>

图片如下：

对于相对布局的基本用法，应该一目了然。