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

转载请注明博客地址。

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

  首先把常用的布局分组。（会对所有的对其方式解释，且主要讨论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:

<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代码如下：

<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>

图片如下：

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