Android常用布局控件之RelativeLayout

berber 2014-05-14

我们使用LinearLayout和TableLayout可以满足开发应用程序界面基本的要求 。但是有时候实现界面的时候不够灵活,我们还可以使用另外一种控件 RelativeLayout。RelativeLayout是一种相对布局的控件,这个容器内部的子元 素们可以使用彼此之间的相对位置或者和容器间的相对位置来进行定位,类似于 网页设计中的CSS。在指定控件的位置时,我们需要指定这个控件与其它控件之 间的相对位置关系,比如说与另一个控件的左边对齐,右对齐,位于另一个控件 的上方,下方等等。一个控件可以指定与多个其它控件的相对位置。这样,我们 就可以在设计位置灵活多变的界面时就会更加的方便。

Android RelativeLayout 属性

// 相对于给定ID控件<br />android:layout_above 将该控件的底部置于给定ID的控件之上;<br />android:layout_below 将该控件的底部置于给定ID的控件之下;<br />android:layout_toLeftOf 将该控件的右边缘与给定ID的控件左边缘对 齐;<br />android:layout_toRightOf 将该控件的左边缘与给定ID的控件右边缘对 齐;<br />android:layout_alignBaseline 将该控件的baseline与给定ID的baseline对 齐;<br />android:layout_alignTop 将该控件的顶部边缘与给定ID的顶部边缘对 齐;<br />android:layout_alignBottom 将该控件的底部边缘与给定ID的底部边缘对 齐;<br />android:layout_alignLeft 将该控件的左边缘与给定ID的左边缘对齐;<br />android:layout_alignRight 将该控件的右边缘与给定ID的右边缘对齐;<br />// 相对于父组件<br />android:layout_alignParentTop 如果为true,将该控件的顶部与其父控件的 顶部对齐;<br />android:layout_alignParentBottom 如果为true,将该控件的底部与其父控件 的底部对齐;<br />android:layout_alignParentLeft 如果为true,将该控件的左部与其父控件的 左部对齐;<br />android:layout_alignParentRight 如果为true,将该控件的右部与其父控件 的右部对齐;<br />// 居中<br />android:layout_centerHorizontal 如果为true,将该控件的置于水平居 中;<br />android:layout_centerVertical 如果为true,将该控件的置于垂直居中;<br />android:layout_centerInParent 如果为true,将该控件的置于父控件的中 央;<br />// 指定移动像素,值为px<br />android:layout_marginTop 上偏移的值;<br />android:layout_marginBottom 下偏移的值;<br />android:layout_marginLeft    左偏移的值;<br />android:layout_marginRight   右偏移的值;

示例:

01.<?xml version="1.0" encoding="utf-8"?>
02.<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
03.    android:layout_width="fill_parent"
04.    android:layout_height="fill_parent"
05.    android:padding="10px"
06.    >
07.    <TextView
08.    android:id="@+id/textView"
09.    android:text="TextView"
10.    android:layout_width="fill_parent"
11.    android:layout_height="wrap_content"
12.    />
13.    <!--没有对textView的位置做设置,默认为RelativeLayout容器的左上角  -->
14.    <EditText
15.    android:id="@+id/editText"
16.    android:layout_width="fill_parent"
17.    android:layout_height="wrap_content"
18.    android:layout_below="@id/textView"
19.    android:background="@android:drawable/editbox_background"
20.    />
21.    <!--editText控件位于textView控件的下面-->
22.    <Button
23.    android:id="@+id/buttonSure"
24.    android:text="确定"
25.    android:layout_width="wrap_content"
26.    android:layout_height="wrap_content"
27.    android:layout_below="@id/editText"
28.    android:layout_alignParentRight="true"
29.    android:layout_marginLeft="10px"
30.    />
31.    <!--buttonSure控件在editText控件的下面,并且于父容器的位置关系为右对齐。  android:layout_marginLeft="10px"
32.                    设置buttonSure控件的左外边距为10像素,即此控件的左边与其他控件相距10像素的距离-->
33.    <Button
34.    android:id="@+id/buttonCancel"
35.    android:text="取消"
36.    android:layout_width="wrap_content"
37.    android:layout_height="wrap_content"
38.    android:layout_toLeftOf="@id/buttonSure"
39.    android:layout_alignTop="@id/buttonSure"
40.    />
41.    <!--buttonCancel为相对于buttonSure的位置确定。buttonCancel控件的右边缘与buttonSure控件的左边缘对齐,
42.                    顶部边缘与buttonSure控件的 顶部边缘对齐-->
43.</RelativeLayout>

相关推荐