7.Android开发笔记:布局控件（二）RelativeLayout 相对布局

目录

• 2.2 RelativeLayout

2.2 RelativeLayout

RelativeLayout又称作相对布局，通过相对定位的方式让控件出现在布局的任何位置。也正因为如此，RelativeLayout中的属性非常多，不过这些属性都是有规律可循的。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent" android:layout_height="match_parent">
   <!--相对于RelativeLayout布局-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="button左上"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="button右上"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"/>

    <Button android:id="@+id/rl_btn_mid"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="button中"
        android:layout_centerInParent="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="button左下"
        android:layout_alignParentLeft="true"
        android:layout_alignParentBottom="true"/>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="button右下"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"/>


    <!--相对于控件 【button中（ID：rl_btn_mid】-->
    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="相对于【button中（ID：rl_btn_mid）】的左上"
        android:layout_toLeftOf="@+id/rl_btn_mid"
        android:layout_above="@+id/rl_btn_mid"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="相对于【button中（ID：rl_btn_mid）】的右上"
        android:layout_toRightOf="@+id/rl_btn_mid"
        android:layout_above="@+id/rl_btn_mid"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="相对于【button中（ID：rl_btn_mid）】的左下"
        android:layout_toLeftOf="@+id/rl_btn_mid"
        android:layout_below="@+id/rl_btn_mid"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAllCaps="false"
        android:text="相对于【button中（ID：rl_btn_mid）】的右下上"
        android:layout_toRightOf="@+id/rl_btn_mid"
        android:layout_below="@+id/rl_btn_mid"
        />

</RelativeLayout>