Android 相对布局:RelativeLayout

有时候要在一行要显示好几个控件，线性布局就难做到，用相对布局会很简单

注意事项：

本例当中，模仿一个登陆界面，应用相对布局

android:layout_above 将该控件的底部至于给定ID的控件之上
android:layout_below 将该控件的顶部至于给定ID的控件之下
android:layout_toLeftOf 将该控件的右边缘和给定ID的控件的左边缘对齐
android:layout_toRightOf 将该控件的左边缘和给定ID的控件的右边缘对齐

android:layout_alignBaseline 该控件的baseline和给定ID的控件的baseline对齐
android:layout_alignBottom 将该控件的底部边缘与给定ID控件的底部边缘
android:layout_alignLeft 将该控件的左边缘与给定ID控件的左边缘对齐
android:layout_alignRight 将该控件的右边缘与给定ID控件的右边缘对齐
android:layout_alignTop 将给定控件的顶部边缘与给定ID控件的顶部对齐

android:alignParentBottom 如果该值为true，则将该控件的底部和父控件的底部对齐
android:layout_alignParentLeft 如果该值为true，则将该控件的左边与父控件的左边对齐
android:layout_alignParentRight 如果该值为true，则将该控件的右边与父控件的右边对齐
android:layout_alignParentTop 如果该值为true，则将空间的顶部与父控件的顶部对齐

android:layout_centerHorizontal 如果值为真，该控件将被至于水平方向的中央
android:layout_centerInParent 如果值为真，该控件将被至于父控件水平方向和垂直方向的中央
android:layout_centerVertical 如果值为真，该控件将被至于垂直方向的中央

实例：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical" >    <LinearLayout     android:orientation="vertical"    android:layout_width="match_parent"    android:layout_height="match_parent">    <RelativeLayout      android:layout_width="match_parent"    android:layout_height="match_parent"    android:layout_weight="1">          <TextView          android:id="@+id/name"           android:layout_width="match_parent"          android:layout_height="wrap_content"          android:text="账号:"          android:textSize="18sp"          android:gravity="bottom"          android:layout_marginLeft="10dip"          android:layout_marginRight="10dip"          android:layout_marginTop="20dip"          android:textStyle="bold"          android:textColor="#ff000000"/>      <EditText           android:id="@+id/et1"          android:layout_width="match_parent"          android:layout_height="40dip"          android:layout_below="@id/name"           android:background="#ffff00"           android:singleLine="true"           android:maxLines="200"          android:layout_marginLeft="10dip"          android:layout_marginRight="10dip"/>      <TextView           android:id="@+id/pass"          android:layout_width="match_parent"          android:layout_height="wrap_content"          android:text="密码:"          android:textSize="18sp"          android:layout_below="@id/et1"          android:layout_marginLeft="10dip"          android:layout_marginRight="10dip"          android:layout_marginTop="10dip"          android:textStyle="bold"          android:textColor="#ff000000"/>      <EditText           android:id="@+id/et2"          android:layout_width="match_parent"          android:layout_height="40dip"          android:layout_below="@id/pass"          android:background="#ffff00"          android:singleLine="true"          android:maxLength="200"          android:layout_marginLeft="10dip"          android:layout_marginRight="10dip"/>      <Button           android:id="@+id/login"          android:layout_width="80.0dip"          android:layout_height="36.0dip"          android:layout_below="@id/et2"          android:text="登陆"          android:textSize="18sp"          android:layout_alignParentRight="true"          android:layout_marginRight="10dip"          android:layout_marginTop="10dip"/></RelativeLayout><RelativeLayout     android:layout_width="match_parent"    android:layout_height="match_parent"    android:layout_weight="1">    <TextView        android:id="@+id/tv1"         android:layout_width="wrap_content"        android:layout_height="40sp"        android:text="还没有账号？"        android:layout_margin="15sp"        android:textStyle="bold"        android:textColor="#ff000000"/>    <Button        android:id="@+id/bt1"        android:layout_width="80.0dip"        android:layout_height="36.0dip"        android:layout_alignParentRight="true"        android:layout_marginRight="10dip"        android:layout_marginTop="5dip"        android:text="注册"         android:layout_alignTop="@id/tv1"/></RelativeLayout></LinearLayout>    </LinearLayout>

效果图;

Android 相对布局:RelativeLayout_第1张图片

源代码Demo下载

更多相关文章

随机推荐