首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 移动开发 > 移动开发 >

RelativeLayout的懂得

2012-08-21 
RelativeLayout的理解一、概述在开发中推荐尽量使用RelativeLayout可以增强其适应不同屏幕的灵活性。该布局

RelativeLayout的理解
一、概述

   在开发中推荐尽量使用RelativeLayout可以增强其适应不同屏幕的灵活性。该布局根据widgets之间关系和widget与父容器之间的关系来确定布局。例如可以设置A在父容器的底部对齐,B在A的上方。

   设置RelativeLayout的两大类主要的属性,如下:

   1.widget与所在容器(Container)的关系
      android:layout_alignParentTop
      android:layout_alignParentBottom
      android:layout_alignParentLeft
      android:layout_centerHorizontal
      ......

   2.widgets之间关系
     android:layout_above
     android:layout_below
     android:layout_toLeft
     android:layout_toRight
     android:layout_alignTop 
     ......

   注意:widgets的出现先后顺序值得注意。被参照的widget必须保证已经出现了的。
二、实例分析
【效果图】


【代码要点】

main.xml

view plaincopy to clipboardprint?

   1. <?xml version="1.0" encoding="utf-8"?> 
   2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
   3.     android:orientation="vertical" 
   4.     android:layout_width="fill_parent" 
   5.     android:layout_height="wrap_content" 
   6.     android:padding="5px" 
   7.     > 
   8. <TextView   
   9.     android:id="@+id/label" 
  10.     android:layout_width="wrap_content"  
  11.     android:layout_height="wrap_content"  
  12.     android:text="URL:" 
  13.     android:paddingTop="10px" 
  14.     /> 
  15. <EditText 
  16.     android:id="@+id/entry" 
  17.     android:layout_width="fill_parent"  
  18.     android:layout_height="wrap_content"  
  19.     android:layout_toRightOf="@id/label" 
  20. /> 
  21. <Button  
  22.     android:id="@+id/button1"  
  23.     android:layout_width="wrap_content" 
  24.     android:layout_height="wrap_content" 
  25.     android:text="OK"  
  26.     android:layout_below="@id/entry"  
  27.     android:layout_alignRight="@id/entry" 
  28.     /> 
  29. <Button  
  30.     android:id="@+id/button2"  
  31.     android:layout_width="wrap_content"  
  32.     android:layout_height="wrap_content"  
  33.     android:text="Cancel"  
  34.     android:layout_toLeftOf="@+id/button1"  
  35.     android:layout_alignBottom="@+id/button1" 
  36.     /> 
  37. </RelativeLayout> 

<?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" android:padding="5px" > <TextView android:id="@+id/label" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="URL:" android:paddingTop="10px" /> <EditText android:id="@+id/entry" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_toRightOf="@id/label" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="OK" android:layout_below="@id/entry" android:layout_alignRight="@id/entry" /> <Button android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Cancel" android:layout_toLeftOf="@+id/button1" android:layout_alignBottom="@+id/button1" /> </RelativeLayout> 
三、margin和padding的区别

热点排行