《Android布局之RelativeLayout(相对布局)》

《Android布局之RelativeLayout(相对布局)》

一、 说明

本文主要讲述Android开发的布局方式之一RelativeLayout (相对布局)

二、 所需工具

安卓开发工具（Android Studio）

三、 具体内容

准备工作：打开Android Studio新建一个空白样式的项目，并创建一个layout Resource File

第一步：把布局改为相对布局，代码如下

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

</RelativeLayout>

第二步：添加组件如TextView等，并添加相对布局的属性layout_centerInParent（在父容器的中间），layout_toLeftOf（在同级容器的左边），layout_marginTop（与父级容器的顶部的偏离量）等等。注意：被参照者要用id进行标识

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/at_parent_center"
        android:layout_centerInParent="true"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="父容器的中间"
        android:textSize="20dp">

    </TextView>
    <TextView

        android:id="@+id/at_brother_left"
        android:layout_toLeftOf="@+id/at_parent_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="同级的左边"
        android:textSize="20dp">
    </TextView>
    <TextView
        android:id="@+id/at_brother_right"
        android:layout_toRightOf="@+id/at_parent_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="同级的右边"
        android:textSize="20dp">
    </TextView>
    <TextView
        android:layout_marginTop="100dp"
        android:id="@+id/at_brother_rightTwo"
        android:layout_toRightOf="@+id/at_parent_center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="与父级顶部偏离"
        android:textSize="20dp">
    </TextView>
</RelativeLayout>

效果图：