读书人

android Layout之RelativeLayout(1)

发布时间: 2012-09-07 10:38:15 作者: rapoo

android Layout之RelativeLayout(一)
RelativeLayout顾名思义,这是一个相对布局。也就是说这个布局里面的元素是按照相对位置来布局的,允许其子元素指定它们相对于其父元素或兄弟元素的位置,这是实际布局中最常用的布局方式之一。比如有两个布局里面有两个TextView,我们可以定义第二个TextView在第一个TextView的右边或者下边。第二过TextView出现的位置,将会取决于第一个TextView的位置。

这种布局的灵活性大,当然属性也多,操作难度也大。不同的属性之间很有可能会产生冲突。

下面我们用相对布局再做一次上面的例子,首先放置一个图片,其它两个文本分别相对上一个元素定位:

<?xml version = "1.0" encoding = "utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:padding="10dip">

<TextView android:id="@+id/lable"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="请输入用户名:"/>

<EditText android:id="@+id/text"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

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

<Button android:id="@+id/cancel"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_below="@id/text"

android:layout_alignParentRight="true"

android:layout_marginLeft="10dip"

android:text="取消"/>

<Button android:id="@+id/ok"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_toLeftOf="@id/cancel"

android:layout_alignTop="@id/cancel"

android:text="确定"/>

</RelativeLayout>



下面是分别在手机和平板上面的显示效果。




读书人网 >Android

热点推荐