首页 > 学院 > 开发设计 > 正文

RelativeLayout布局

2019-11-09 15:45:26
字体:
来源:转载
供稿:网友

RelativeLayout布局

相对布局(RelativeLayout)将子视图元素以相对位置显示。

居中显示

layout_centerInParent:相对于父元素完全居中layout_centerHorizontal:相对于父元素水平居中layout_centerVertical:相对于父元素垂直居中
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <!-- 居中显示 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:text="centerInParent"        android:background="#ffa6a5aa"/>    <!-- 水平居中 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerHorizontal="true"        android:text="centerHorizontal"        android:background="#ffa6a5aa"/>    <!-- 垂直居中 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerVertical="true"        android:text="centerVertical"        android:background="#ffa6a5aa"/></RelativeLayout>显示如下

相对于父控件的位置

layout_alignParentTop:父元素的上边layout_alignParentBottom:父元素的下边layout_alignParentLeft:父元素的左边layout_alignParentRight:父元素的右边
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <!-- 左上角显示 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_alignParentTop="true"        android:text="Left|Top"        android:background="#ffa6a5aa"/>    <!-- 右上角显示 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentRight="true"        android:layout_alignParentTop="true"        android:text="Right|Top"        android:background="#ffa6a5aa"/>    <!-- 左下角显示 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentLeft="true"        android:layout_alignParentBottom="true"        android:text="Left|Bottom"        android:background="#ffa6a5aa"/>    <!-- 右下角显示 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignParentRight="true"        android:layout_alignParentBottom="true"        android:text="Right|Bottom"        android:background="#ffa6a5aa"/></RelativeLayout>显示如下

相对于其他控件的位置

layout_above:某元素的上边layout_below:某元素的下边layout_toRightOf:某元素的右边layout_toLeftOf:某元素的左边
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <!-- 居中显示,作为坐标元素 -->    <TextView        android:id="@+id/tv_center"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:text="center"        android:textSize="32dp"        android:background="#ffffcc00"/>    <!-- 显示在左上角 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_toLeftOf="@id/tv_center"        android:layout_above="@id/tv_center"        android:text="above|toLeftOf"        android:background="#ffa6a5aa"/>    <!-- 显示在右下角 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_toRightOf="@id/tv_center"        android:layout_below="@id/tv_center"        android:text="below|toRightOf"        android:background="#ffa6a5aa"/></RelativeLayout>显示如下

对齐方式

layout_alignTop:上边与某元素的上边对齐layout_alignBottom:下边与某元素的下边对齐layout_alignLeft:左边与某元素的左边对齐layout_alignRight:右边与某元素的右边对齐layout_alignBaseline:基准线与某元素的基准线对齐
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent">    <!-- 居中显示,作为坐标元素 -->    <TextView        android:id="@+id/tv_center"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        android:text="center"        android:textSize="32dp"        android:background="#ffffcc00"/>    <!-- 左对齐 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignLeft="@id/tv_center"        android:layout_above="@id/tv_center"        android:text="alignLeft"        android:background="#ffa6a5aa"/>    <!-- 右对齐 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignRight="@id/tv_center"        android:layout_below="@id/tv_center"        android:text="alignRight"        android:background="#ffa6a5aa"/>    <!-- 上对齐 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignTop="@id/tv_center"        android:layout_toLeftOf="@id/tv_center"        android:text="alignTop"        android:background="#ffa6a5aa"/>    <!-- 下对齐 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignBottom="@id/tv_center"        android:layout_toRightOf="@id/tv_center"        android:text="alignBottom"        android:background="#ffa6a5aa"/>    <!-- 基准线对齐 -->    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_alignBaseline="@id/tv_center"        android:text="alignBaseline"        android:layout_toLeftOf="@id/tv_center"        android:background="#ffa6a5aa"/></RelativeLayout>显示如下
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表