Android程序开发：[17]相对布局RelativeLayout

Android程序开发：[17]相对布局RelativeLayout

　　相对布局RelativeLayout是Android布局中比较灵活的一种，相对布局是设计用户界面的有力工具，可以通过设置控件相对于参照物的相对位置来设置布局。下面通过一个简单的例子来简要说明相对布局RelativeLayout的使用方法。

在上一节LayoutText程序基础上，新建一个RelativeLayout布局文件。展开程序导航目录res\layout，选中layout点击右键，弹出菜单选择“New”（新建）——>"Other"（其它），在弹出窗口中找到Android项并展开目录，选中Android XML Layout File项目，点击“下一步”，填写File名称（这里取名为relativetest），并在窗口中选中RelativeLayout，点击“完成”即可。

打开刚刚建立的relativetest.xml文件，添加一个TextView、一个EditView、两个Button。说明：在EditText控件中添加了android:layout_below="@id/label"表示该控件在label的下方；在Button控件中的android:layout_alignParentRight="true" 表示控件靠父容器的右边。在使用相对布局方式中就是使用这些类似的属性来定位视图到你想要的位置，它们的值是你参照的视图的id。完整代码如下：

/////////////////////////////////////////////////////////////////////////////

android:layout_width="fill_parent"

android:layout_height="fill_parent">

android:id="@+id/label"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="请输入内容:"/>

android:id="@+id/entry"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:background="@android:drawable/editbox_background"

android:layout_below="@id/label"/>

android:id="@+id/ok"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@id/entry"

android:layout_alignParentRight="true"

android:layout_marginLeft="10dip"

android:text="OK" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_toLeftOf="@id/ok"

android:layout_alignTop="@id/ok"

android:text="Cancel" />

按照上一节的方法，修改运行的默认布局。运行之后，得如下结果。附RelativeLayout用到的一些重要的属性：

第一类:属性值为true或false

android:layout_centerHrizontal 水平居中

android:layout_centerVertical 垂直居中

android:layout_centerInparent 相对于父元素完全居中

android:layout_alignParentBottom 贴紧父元素的下边缘

android:layout_alignParentLeft 贴紧父元素的左边缘

android:layout_alignParentRight 贴紧父元素的右边缘

android:layout_alignParentTop 贴紧父元素的上边缘

android:layout_alignWithParentIfMissing 如果对应的兄弟元素找不到的话就以父元素做参照物

第二类：属性值必须为id的引用名“@id/id-name”

android:layout_below 在某元素的下方

android:layout_above 在某元素的的上方

android:layout_toLeftOf 在某元素的左边

android:layout_toRightOf 在某元素的右边

android:layout_alignTop 本元素的上边缘和某元素的的上边缘对齐

android:layout_alignLeft 本元素的左边缘和某元素的的左边缘对齐

android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐

android:layout_alignRight 本元素的右边缘和某元素的的右边缘对齐

第三类：属性值为具体的像素值，如30dip，40px

android:layout_marginBottom 离某元素底边缘的距离

android:layout_marginLeft 离某元素左边缘的距离

android:layout_marginRight 离某元素右边缘的距离

android:layout_marginTop 离某元素上边缘的距离

android:layout_alignTop 该控件与指定的上方控件的距离

android:layout_alignLeft 该控件与指定的左边控件的距离

android:layout_alignBottom 该控件与指定的下方控件的距离

android:layout_alignRight 该控件与指定的右边控件的距离