首页 / 操作系统 / Linux / Android SDK Tutorials系列 - Hello Views - Relative Layout

Relative Layout

RelativeLayout 是ViewGroup 的一种，它里面包含的View按照相对位置进行排列，可以指定一个View跟相邻View的位置关系（例如：在某个View的左边，或者下面）；或者指定这个View相对于RelativeLayout这个容器的位置（例如底部，或者左边中间）。RelativeLayout是一个很强大的工具，在设计用户界面的时候可以消除嵌套的ViewGroup。如果你在嵌套使用LinearLayout，你应该可以用单个的RelativeLayout来取代它。

1. 创建一个工程：HelloRelativeLayout
2. 打开res/layout/main.xml 并修改如下：  
   1. <？xml version="1.0" encoding="utf-8"？>  
   2. <RelativeLayout xmlns:Android="http://schemas.android.com/apk/res/android"  
   3.     android:layout_width="fill_parent"  
   4.     android:layout_height="fill_parent">  
   5.     <TextView  
   6.         android:id="@+id/label"  
   7.         android:layout_width="fill_parent"  
   8.         android:layout_height="wrap_content"  
   9.         android:text="Type here:"/>  
   10.     <EditText  
   11.         android:id="@+id/entry"  
   12.         android:layout_width="fill_parent"  
   13.         android:layout_height="wrap_content"  
   14.         android:background="@android:drawable/editbox_background"  
   15.         android:layout_below="@id/label"/>  
   16.     <Button  
   17.         android:id="@+id/ok"  
   18.         android:layout_width="wrap_content"  
   19.         android:layout_height="wrap_content"  
   20.         android:layout_below="@id/entry"  
   21.         android:layout_alignParentRight="true"  
   22.         android:layout_marginLeft="10dip"  
   23.         android:text="OK" />  
   24.     <Button  
   25.         android:layout_width="wrap_content"  
   26.         android:layout_height="wrap_content"  
   27.         android:layout_toLeftOf="@id/ok"  
   28.         android:layout_alignTop="@id/ok"  
   29.         android:text="Cancel" />  
   30. </RelativeLayout>  
   关注每一个android:layout_* 属性，例如layout_below, layout_alignParentRight, 还有layout_toLeftOf。 使用RelativeLayout的时候，用这些属性来设置每个View的位置。这些属性的每一个都定义了一种相对位置。有些属性使用相邻View的资源ID来定义自己的相对位置。例如，最后一个Button，被摆放在资源ID ok （这是前一个Button）的左边，并和它上对齐。所有的布局属性都定义在 RelativeLayout.LayoutParams.
   
3. 确保你在onCreate（） 方法装载了这个布局：  
   1. public void onCreate（Bundle savedInstanceState） {  
   2.     super.onCreate（savedInstanceState）;  
   3.     setContentView（R.layout.main）;  
   4. }  
   setContentView（int） 方法装载这个Activity的布局文件，资源ID — R.layout.main 指向res/layout/main.xml布局文件。
4. 运行应用。

应该能看到下面的画面:


返回 Android SDK Tutorials系列 - Hello Views