【Android 开发教程】锚定视图

本章节翻译自《Beginning-Android-4-Application-Development》，如有翻译不当的地方，敬请指出。

原书购买地址http://www.amazon.com/Beginning-Android-4-Application-Development/dp/1118199545/

使用RelativeLayout，可以很容易地实现锚定视图。观察以下的main.xml文件，它包含了5个被内嵌在<RelativeLayout>中的Button：

[html] view plain copy

1. <RelativeLayout  
2.     android:layout_width="fill_parent"  
3.     android:layout_height="fill_parent"  
4.     xmlns:android="http://schemas.android.com/apk/res/android">  
5.     <Button  
6.         android:id="@+id/button1"  
7.         android:layout_width="wrap_content"  
8.         android:layout_height="wrap_content"  
9.         android:text="Top Left"  
10.         android:layout_alignParentLeft="true"  
11.         android:layout_alignParentTop="true" />  
12.     <Button  
13.         android:id="@+id/button2"  
14.         android:layout_width="wrap_content"  
15.         android:layout_height="wrap_content"  
16.         android:text="Top Right"  
17.         android:layout_alignParentTop="true"  
18.         android:layout_alignParentRight="true" />  
19.     <Button  
20.         android:id="@+id/button3"  
21.         android:layout_width="wrap_content"  
22.         android:layout_height="wrap_content"  
23.         android:text="Bottom Left"  
24.         android:layout_alignParentLeft="true"  
25.         android:layout_alignParentBottom="true" />  
26.     <Button  
27.         android:id="@+id/button4"  
28.         android:layout_width="wrap_content"  
29.         android:layout_height="wrap_content"  
30.         android:text="Bottom Right"  
31.         android:layout_alignParentRight="true"  
32.         android:layout_alignParentBottom="true" />  
33.     <Button  
34.         android:id="@+id/button5"  
35.         android:layout_width="fill_parent"  
36.         android:layout_height="wrap_content"  
37.         android:text="Middle"  
38.         android:layout_centerVertical="true"  
39.         android:layout_centerHorizontal="true" />  
40. </RelativeLayout>  

注意以下的属性，这些属性被用在了不同的Button上面：

• layout_alignParentLeft  —— 把子视图设置在父视图内部的左边
• layout_alignParentRight  —— 把子视图设置在父视图内部的右边
• layout_alignParentTop  —— 把子视图设置在父视图内部的顶部
• layout_alignParentBottom —— 把子视图设置在父视图内部的底部
  
• layout_centerVertical  —— 把子视图设置在父视图内部的垂直中心
• layout_centerHorizontal  —— 把子视图设置在父视图内部的水平中心
  

下图展示了在竖屏portrait模式下，程序是如何显示的：

当屏幕方向变成 横屏landscape模式，四个按钮被分配到了屏幕的四周，中间的按钮还是被分配到了屏幕的中间，同时它也被拉伸了。见下图：