13、从头学Android之RelativeLayout相对布局

 相对布局对于做Web开发来说再熟悉不过了，我们在用CSS+DIV的时候经常会用到这些类似的相对布局的，在设置某个DIV的位置的时候，我们时常会以一个DIV作为参考来设置的位置，废话不多说，直接看属性看实例。

 

属性名称	描述
android:layout_below	摆放在指定组件的下边
android:layout_toLeftOf	摆放在指定组件的左边
android:layout_toRightOf	摆放在指定组件的右边
android:layout_alignTop	以指定组件作为参考进行上对齐
android:layout_algnBottom	以指定组件作为参照进行下对齐
android:layout_alignLeft	以指定组件作为参考进行左对齐
android:layout_alignRight	以指定组件

 

以上一节的例子再做一个相对布局实现的例子

 

 

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

   android:orientation="vertical" android:layout_width="fill_parent"

   android:layout_height="wrap_content">

 

   <EditText android:layout_width="wrap_content"

      android:layout_height="wrap_content" android:layout_alignParentTop="true"

      android:layout_alignParentRight="true" android:layout_toRightOf="@+id/tv_username"

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

   </EditText>

   <EditText android:layout_width="wrap_content"

      android:layout_height="wrap_content" android:layout_below="@+id/txt_username"

      android:layout_alignLeft="@+id/txt_username"

      android:layout_alignParentRight="true" android:id="@+id/txt_password"></EditText>

   <TextView android:id="@+id/tv_username" android:layout_width="wrap_content"

      android:layout_height="wrap_content" android:text="用户名称"

      android:layout_alignParentTop="true" android:layout_alignParentLeft="true"

      android:layout_marginTop="14dp"></TextView>

   <Button android:text="登录" android:layout_width="wrap_content"

      android:layout_height="wrap_content" android:layout_below="@+id/txt_password"

      android:layout_alignParentRight="true" android:layout_alignLeft="@+id/txt_password"

      android:id="@+id/btn_login"></Button>

   <Button android:text="取消" android:layout_width="wrap_content"

      android:layout_height="wrap_content" android:layout_below="@+id/txt_password"

      android:layout_alignRight="@+id/tv_username" android:id="@+id/btn_cacel"></Button>

   <TextView android:id="@+id/tv_password" android:layout_width="wrap_content"

      android:layout_height="wrap_content" android:text="用户密码"

      android:layout_centerVertical="true" android:layout_toLeftOf="@+id/txt_password"></TextView>

 

</RelativeLayout>

 

实例效果：