Android学习记录10————RelativeLayout（相对布局）

RelativeLayout

RelativeLayout又称作相对布局，是开发当中非常常用的一种布局。它可以通过相对定位的方式让控件出现在布局的任何位置。接下来简单写一个例子体验一下。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button1"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button2"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button3"
        layout_centerInParent="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button4"
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button5"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"/>

</RelativeLayout>

布局效果如下图

通过效果我们可以看出RelativeLayout中的属性有着什么作用，layout_alignParentTop、layout_alignParentBottom、layout_alignParentLeft、layout_alignParentRight分别是紧贴父布局的上、下、左、右。而layout_centerInParent则是表示相对于父布局水平、垂直都居中，如果不想水平、垂直都居中，也有一个方向上的居中，layout_centerHorizontal是水平方向居中，layout_centerVertical则是垂直方向居中。

上面例子的控件都是相对于父布局进行定位，也有控件相对于控件进行定位的。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

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

    <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button2"
        android:layout_toRightOf="@+id/button3"
        android:layout_above="@+id/button3"/>

    <Button
        android:id="@+id/button4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button4"
        android:layout_toLeftOf="@+id/button3"
        android:layout_below="@+id/button3"/>

    <Button
        android:id="@+id/button5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="button5"
        android:layout_toRightOf="@+id/button3"
        android:layout_below="@+id/button3"/>

</RelativeLayout>

效果如下

在这里我们给每个控件加上了一个id，因为控件相对于控件定位，必须有控件的唯一标识。layout_above、layout_below、layout_toLeftOf、layout_toRightOf分别是使该控件位于指定布局的上方、下方、左边、右边的位置。

还有一种定位的属性，使一个控件的某一边缘和指定控件的某一边缘对齐，例如：layout_alignLeft，表示的是使该控件的左边缘和指定控件的左边缘对其取。这里就不展示出来了，也是很好理解的一个属性。