android相对布局中央,实例002：使用相对布局（RelativeLayout）来布局屏幕

实例002：使用相对布局(RelativeLayout)来布局屏幕

源码路径：daima\002

知识点介绍

相对布局是设计用户界面的有力工具，因为它消除了嵌套视图组。相对布局是指一个ViewGroup以相对位置显示它的子视图(View)元素，一个视图可以指定相对于它的兄弟视图的位置(如在给定视图的左边或者下面)或相对于RelativeLayout的特定区域的位置(如底部对齐或中间偏左)。

RelativeLayout允许子元素指定它们相对于其他元素或父元素的位置(通过ID指定)。所以可以用右对齐、上下对齐或置于屏幕中央的形式来排列两个元素。如果第一个元素在屏幕的中央，那么相对于这个元素的其他元素将以屏幕中央的相对位置来排列。如果使用XML来指定这个布局，在定义它之前，被关联的元素必须定义。RelativeLayout结构如图1-3所示。

图1-3  RelativeLayout结构

具体实现

使用Eclipse创建一个名为"002"的Android工程。

编写布局文件"res/layour/main.xml"，代码如下所示。

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="确定"/>

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_toLeftOf="@id/ok"

android:layout_alignTop="@id/ok"

android:text="取消"/>

执行后的效果如图1-4所示。

图1-4  执行效果在上述实例中，在RelativeLayout视图组中包含了一个TextView、一个EditView和两个Button，并且使用了下面的属性代码来设置布局的显示。

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

android:layout_below="@id/entry"

android:layout_alignParentRight="true"

android:layout_toLeftOf="@id/ok"

android:layout_alignTop="@id/ok"

在使用相对布局方式时，正是使用这些类似的属性来定位视图到你想要的位置的，它们的值是你参照的视图的ID。这些属性的意思很简单，就是英文单词的直译，这里就不多做介绍了。

【责任编辑：book TEL：(010)68476606】

点赞 0