【Android】入门02：相对布局

子元素相当于父容器布局

默认子元素在父容器的左上角

<?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">
    <!--左上-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#ff0000"
        android:text="1"
        android:textSize="30dp"></TextView>
    <!--左中-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerVertical="true"
        android:background="#ff0000"
        android:text="2"
        android:textSize="30dp"></TextView>
    <!--左下-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:background="#ff0000"
        android:text="3"
        android:textSize="30dp"></TextView>

    <!--中上-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerHorizontal="true"
        android:background="#ff0000"
        android:text="4"
        android:textSize="30dp"></TextView>

    <!--中-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
        android:background="#ff0000"
        android:text="5"
        android:textSize="30dp"></TextView>
    <!--中下-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:background="#ff0000"
        android:text="6"
        android:textSize="30dp"></TextView>

    <!--右上-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentRight="true"
        android:background="#ff0000"
        android:text="7"
        android:textSize="30dp"></TextView>

    <!--右中-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerVertical="true"
        android:layout_alignParentRight="true"
        android:background="#ff0000"
        android:text="8"
        android:textSize="30dp"></TextView>
    <!--右下-->
    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:background="#ff0000"
        android:text="9"
        android:textSize="30dp"></TextView>
</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">

    <TextView
        android:id="@+id/center_text"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
        android:background="#ff0000"
        android:text="中"
        android:textSize="40sp"></TextView>

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_toLeftOf="@id/center_text"
        android:layout_above="@id/center_text"
        android:background="#ff0000"
        android:text="1"
        android:textSize="40sp"></TextView>

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_toRightOf="@id/center_text"
        android:layout_above="@id/center_text"
        android:background="#ff0000"
        android:text="2"
        android:textSize="40sp"></TextView>

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_below="@id/center_text"
        android:layout_toRightOf="@id/center_text"
        android:background="#ff0000"
        android:text="3"
        android:textSize="40sp"></TextView>

    <TextView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_below="@id/center_text"
        android:layout_toLeftOf="@id/center_text"
        android:background="#ff0000"
        android:text="4"
        android:textSize="40sp"></TextView>
</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">

    <TextView
        android:id="@+id/center_text"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:layout_centerInParent="true"
        android:background="#ff0000"
        android:text="中"
        android:textSize="40sp"></TextView>

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignTop="@id/center_text"
        android:background="#ff0000"
        android:text="1"
        android:textSize="40sp"></TextView>

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
       android:layout_alignLeft="@id/center_text"
        android:background="#ff0000"
        android:text="2"
        android:textSize="40sp"></TextView>

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignRight="@id/center_text"
        android:layout_alignParentBottom="true"
        android:background="#ff0000"
        android:text="3"
        android:textSize="40sp"></TextView>

    <TextView
        android:layout_width="50dp"
        android:layout_height="50dp"
       android:layout_alignBottom="@id/center_text"
        android:layout_alignParentRight="true"
        android:background="#ff0000"
        android:text="4"
        android:textSize="40sp"></TextView>
</RelativeLayout>