Android——RelativeLayout(相对布局)

一、相对于父容器

1.居中

2.同方向

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

    <!--相对于父容器

    1.居中

    2.同方向对齐方式

    -->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮一"

        android:layout_centerInParent="true"

        /><!--位于父容器居中位置-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮二"

        android:layout_alignParentBottom="true"

        android:layout_centerHorizontal="true"

        /><!--与父容器底端对齐-->

          <!--位于父容器水平居中位置-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮三"

        android:layout_alignParentRight="true"

        android:layout_centerVertical="true"

        /><!--与父容器右侧对齐-->

          <!--位于父容器垂直居中位置-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮四"

        android:layout_alignParentLeft="true"

        android:layout_centerVertical="true"

        /><!--与父容器左侧对齐-->

    <!--位于父容器垂直居中位置-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮五"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true"

        /><!--与父容器顶端对齐-->

    <!--位于父容器水平居中位置-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮六"

        /><!--与父容器左侧对齐-->

    <!--与父容器顶端对齐-->

    <!--默认位置-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮七"

        android:layout_alignParentRight="true"

        /><!--与父容器右侧对齐-->

    <!--与父容器顶端对齐-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮八"

        android:layout_alignParentLeft="true"

        android:layout_alignParentBottom="true"

        /><!--与父容器左侧对齐-->

    <!--与父容器底端对齐-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮十"

        android:layout_alignParentRight="true"

        android:layout_alignParentBottom="true"

      /><!--与父容器右侧对齐-->

    <!--与父容器底端对齐-->

</RelativeLayout>

二、与兄弟组件的相对位置

1.同方向

2.反方向

+lay_outmargin +padding

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

    <!--与兄弟组件之间

    1.同方向

    2.反方向-->

    <!--margin  外边距

    padding   内间距

    -->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮一"

        android:layout_centerInParent="true"

        android:id="@+id/bt"/><!--父容器内居中-->

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮二"

        android:layout_alignTop="@id/bt"

        android:layout_toLeftOf="@id/bt"/>

    //相对于按钮一  顶部对齐  位于左侧

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮三"

        android:layout_alignRight="@id/bt"

        android:layout_above="@id/bt"/>

    //相对于按钮一  右侧对齐  位于上方

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮四"

        android:layout_alignRight="@id/bt"

        android:layout_below="@id/bt"/>

    //相对于按钮一  右侧对齐  位于下方

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮五"

        android:layout_alignTop="@id/bt"

        android:layout_toRightOf="@id/bt"/>

    //相对于按钮一  顶部对齐  位于右侧

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮六"

        android:layout_toRightOf="@id/bt"

        android:layout_below="@id/bt"/>

    //相对于按钮一  位于右侧  位于下方

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮七"

        android:layout_toRightOf="@id/bt"

        android:layout_above="@id/bt"/>

    //相对于按钮一  位于右侧  位于上方

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮八"

        android:layout_toLeftOf="@id/bt"

        android:layout_above="@id/bt"/>

    //相对于按钮一  位于左侧  位于上方

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="按钮九"

        android:layout_toLeftOf="@id/bt"

        android:layout_below="@id/bt"/>

    //相对于按钮一  位于左侧  位于下方

    <EditText

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:hint="输入框"

        android:id="@+id/et"

        android:paddingLeft="20dp"

        android:layout_marginTop="20dp"

        android:layout_marginBottom="10dp"/>

    //内左侧间距20dp 上边距20dp 下边距10dp

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="OK"

        android:layout_alignParentRight="true"

        android:layout_below="@id/et"

        android:id="@+id/ok"/>

    //ok按钮  位于父窗口右侧  输入框下方

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="CANCLE"

        android:layout_alignTop="@id/ok"

        android:layout_toLeftOf="@id/ok"

        android:layout_marginRight="20dp"/>

    //cancle按钮  相对于ok按钮顶部对齐 位于左侧 右边距20dp

</RelativeLayout>