0
点赞
收藏
分享

微信扫一扫

Android(二):RelativeLayout 相对布局


RelativeLayout 属性

Android(二):RelativeLayout 相对布局_垂直居中

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:ignoreGravity="@id/box02" >

<!--图片路径 Resources/drawable/logo.png-->
<ImageView
android:id="@+id/box01"
android:layout_width="80dp"
android:layout_height="80dp"
android:background="@drawable/logo" />

<TextView
android:id="@+id/box02"
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#FF9800"
android:text="Top"
android:textColor="#ffffff"
android:gravity="center" />

</RelativeLayout>

属性

描述

​gravity​

改变子组件的对齐方式

​ignoreGravity​

过滤掉某个子元素,改元素将不受gravity影响

相对父组件的子组件属性

Android(二):RelativeLayout 相对布局_垂直居中_02

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout1"
android:layout_width="300dp"
android:layout_height="300dp"
android:layout_gravity="center">

<!--顶部左对齐-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#F44336"
android:text="顶部左对齐"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignParentLeft="true" />

<!--顶部水平居中对齐-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#E91E63"
android:text="顶部水平居中对齐"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />

<!--顶部右对齐-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#9C27B0"
android:text="顶部右对齐"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignParentRight="true" />

<!--垂直居中左对齐-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#673AB7"
android:text="垂直居中左对齐"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true" />

<!--水平垂直居中-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#3F51B5"
android:text="水平垂直居中"
android:textColor="#ffffff"
android:gravity="center"
android:layout_centerInParent="true" />

<!--垂直居中右对齐-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#2196F3"
android:text="垂直居中右对齐"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true" />

<!--底部左对齐-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#03A9F4"
android:text="底部左对齐"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignParentBottom="true" />

<!--底部水平居中对齐-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:background="#00BCD4"
android:text="底部水平居中对齐"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true" />

<!--底部右对齐-->
<TextView
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_alignParentEnd="true"
android:background="#009688"
android:gravity="center"
android:text="底部右对齐"
android:textColor="#ffffff"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"/>

</RelativeLayout>

根据兄弟组件定位属性

Android(二):RelativeLayout 相对布局_xml_03

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/RelativeLayout1"
android:layout_width="400dp"
android:layout_height="400dp"
android:layout_gravity="center">

<!--图片路径 Resources/drawable/logo.png-->
<ImageView
android:id="@+id/box01"
android:layout_width="130dp"
android:layout_height="130dp"
android:background="@drawable/logo"
android:layout_centerInParent="true" />

<!--参考组件的左边并垂直居中-->
<TextView
android:layout_width="130dp"
android:layout_height="130dp"
android:background="#ff0000"
android:text="参考组件的左边并垂直居中"
android:textColor="#ffffff"
android:gravity="center"
android:layout_toLeftOf="@id/box01"
android:layout_centerVertical="true" />

<!--参考组件的右边并垂直居中-->
<TextView
android:layout_width="130dp"
android:layout_height="130dp"
android:background="#ff00ff"
android:text="参考组件的右边并垂直居中"
android:textColor="#ffffff"
android:gravity="center"
android:layout_toRightOf="@id/box01"
android:layout_centerVertical="true" />

<!--参考组件的上边水平居中-->
<TextView
android:layout_width="130dp"
android:layout_height="130dp"
android:background="#FF9800"
android:text="参考组件的上边水平居中"
android:textColor="#ffffff"
android:gravity="center"
android:layout_above="@id/box01"
android:layout_centerHorizontal="true" />

<!--参考组件的下边并水平居中-->
<TextView
android:layout_width="130dp"
android:layout_height="130dp"
android:background="#0000ff"
android:text="参考组件的下边并水平居中"
android:textColor="#ffffff"
android:gravity="center"
android:layout_below="@id/box01"
android:layout_centerHorizontal="true" />

<!--对齐参考组件的上边界-->
<TextView
android:layout_width="60dp"
android:layout_height="60dp"
android:background="#009688"
android:text="对齐参考组件的上边界"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignTop="@id/box01"/>

<!--对齐参考组件的下边界-->
<TextView
android:layout_width="60dp"
android:layout_height="60dp"
android:background="#4CAF50"
android:text="对齐参考组件的上边界"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignBottom="@id/box01"/>

<!--对齐参考组件的左边界-->
<TextView
android:layout_width="60dp"
android:layout_height="60dp"
android:background="#CDDC39"
android:text="对齐参考组件的左边界"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignLeft="@id/box01"/>

<!--对齐参考组件的右边界-->
<TextView
android:layout_width="60dp"
android:layout_height="60dp"
android:background="#673AB7"
android:text="对齐参考组件的右边界"
android:textColor="#ffffff"
android:gravity="center"
android:layout_alignRight="@id/box01"/>

</RelativeLayout>


举报

相关推荐

0 条评论