当前位置:操作系统 > 安卓/Android >>

从头学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> 

 

 

实例效果:

\

 


摘自 jiahui524专栏
补充:移动开发 , Android ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,