Android基础_页面布局_RelativeLayout(相对布局)

Android相对布局应该是应用最为广泛的布局。这种方式下的布局对不同分辨率的屏幕适应性较好。

顾名思义,相对布局就是每个控件的位置都是相对于另一个控件而得来的。就是物理中的我们需要参照物。根据不同的参照物我们可以很灵活地设置控件到自己想要的位置。

不同的参照物

一、相对于给定ID的控件

android:layout_above            将此控件放置到给定ID的控件之上

android:layout_below            将此控件放置到给定ID的控件之下

android:layout_toLeftOf         将此控件的右边缘和给定ID控件的左边缘对齐(在给定ID控件的左侧)

android:layout_toRightOf        将此控件的左边缘和给定ID控件的右边缘对齐(在给定ID控件的右侧)

android:layout_alignBaseline    将此控件的baseline与给定ID的baseline对齐

android:layout_alignTop         将此控件的顶部和给定ID的顶部边缘对齐

android:layout_alignButtom      将此控件的底部边缘和给定ID的底部边缘对齐

android:layout_alignLeft        将此控件的左边缘和给定ID的左边缘对齐

android:layout_alignRight       将此控件的右边缘和给定ID的右边缘对齐

二、相对于父组件

android:layout_alignParentTop       如果为true,将此控件的顶部和父控件顶部对齐

android:layout_alignParentButtom    如果为true,将此控件的底部和父控件底部对齐

android:layout_alignParentLeft      如果为true,将此控件的左边缘和父控件的左边缘对齐

android:layout_alignParentRight     如果为true,将此控件的右边缘和父控件的右边缘对齐

三、设置居中

android:layout_centerHorizontal      如果为true,将此控件设置水平居中

android:layout_centerVertical        如果为true,将此控件设置垂直居中

android:layout_centerInParent        如果为true,将此空间设置为父控件的中央

下面给一个我画的解锁的小demo。

<?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"    android:background="#00BFFF"    android:orientation="vertical" >    <!-- 数字5 -->    <Button style="@style/PasswordButton"        android:id="@+id/xml_button_5"        android:layout_alignLeft="@+id/xml_button_2"        android:layout_alignTop="@+id/xml_button_6"        android:background="@drawable/circle"        android:text="@string/number_5" />        <!--数字4 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_4"android:layout_centerVertical="true"android:layout_toLeftOf="@id/xml_button_5"android:layout_margin="15dp"android:background="@drawable/circle"android:text="@string/number_4"/>        <!-- 数字6 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_6"android:layout_centerVertical="true"android:layout_toRightOf="@id/xml_button_5"android:layout_margin="15dp"android:background="@drawable/circle"android:text="@string/number_6"/>        <!-- 数字2 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_2"android:layout_centerHorizontal="true"android:layout_above="@id/xml_button_5"android:layout_margin="15dp"android:background="@drawable/circle"android:text="@string/number_2"/>        <!-- 数字1 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_1"android:layout_above="@id/xml_button_4"android:layout_alignLeft="@id/xml_button_4"android:background="@drawable/circle"android:text="@string/number_1"/>        <!-- 数字3 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_3"android:layout_above="@id/xml_button_6"android:layout_alignLeft="@id/xml_button_6"android:background="@drawable/circle"android:text="@string/number_3"/>        <!-- 数字7 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_7"android:layout_below="@id/xml_button_4"android:layout_alignLeft="@id/xml_button_4"android:background="@drawable/circle"android:text="@string/number_7"/>    <!-- 数字8 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_8"android:layout_alignLeft="@id/xml_button_5"android:layout_alignTop="@id/xml_button_7"android:background="@drawable/circle"android:text="@string/number_8"/>        <!-- 数字9 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_9"android:layout_below="@id/xml_button_6"android:layout_alignLeft="@id/xml_button_6"android:background="@drawable/circle"android:text="@string/number_9"/>        <!-- 数字0 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_button_0"android:layout_centerHorizontal="true"android:layout_below="@id/xml_button_8"android:layout_margin="15dp"android:background="@drawable/circle"android:text="@string/number_0"/>        <!-- 清空 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_clear"android:layout_alignLeft="@id/xml_button_9"android:layout_alignTop="@id/xml_button_0"android:background="@drawable/circle"android:text="@string/clear"/>        <!-- 修改密码 -->    <Button style="@style/PasswordButton"android:id="@+id/xml_changePassword"android:layout_alignLeft="@id/xml_button_7"android:layout_alignTop="@id/xml_button_0"android:background="@drawable/circle"android:text="@string/changePassword"/>        <!-- 密码输入框 -->    <EditText         android:id="@+id/xml_passwordEdit"        android:layout_width="150dp"        android:layout_height="40dp"        android:layout_centerHorizontal="true"        android:layout_above="@id/xml_button_2"        android:layout_margin="20dp"        android:gravity="center"        android:textColor="#FFFFFF"        android:enabled="false"        android:inputType="numberPassword"/>        <!-- 确认输入-->    <Button         android:id="@+id/xml_button_OK"        android:layout_width="wrap_content"        android:layout_height="40dp"        android:layout_toRightOf="@id/xml_passwordEdit"        android:layout_alignTop="@id/xml_passwordEdit"        android:background="#00BFFF"        android:text="@string/OK"/>        <!-- 提示框 -->    <TextView         android:id="@+id/xml_textView"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_above="@id/xml_passwordEdit"        android:gravity="center"        android:layout_margin="10dp"/>        <!-- 请求解锁 -->    <Button         android:id="@+id/xml_removelock_button"        android:layout_width="wrap_content"        android:layout_height="40dp"        android:layout_below="@id/xml_button_0"        android:layout_centerHorizontal="true"        android:visibility="gone"/>        <!-- 请求重置密码 -->    <Button     android:id="@+id/xml_removepassword_button"        android:layout_width="wrap_content"        android:layout_height="40dp"        android:layout_below="@id/xml_removelock_button"        android:layout_centerHorizontal="true"        android:visibility="gone"/>        </RelativeLayout>

效果如下：