Android布局之RelativeLayout相对布局

前端技术 2023/09/05 Android

RelativeLayout是相对布局控件:以控件之间相对位置或相对父容器位置进行排列。

相对布局常用属性:

子类控件相对子类控件:值是另外一个控件的id

android:layout_above----------位于给定DI控件之上
android:layout_below ----------位于给定DI控件之下 
android:layout_toLeftOf -------位于给定控件左边
android:layout_toRightOf ------位于给定控件右边
 android:layout_alignLeft -------左边与给定ID控件的左边对齐
 android:layout_alignRight ------右边与给定ID控件的右边对齐
android:layout_alignTop -------上边与给定ID控件的上边对齐
android:layout_alignBottom ----底边与给定ID控件的底边对齐
android:layout_alignBaseline----对齐到控件基准线

学习导图如下所示:

注:父容器定位的属性值只能是Boolean ,兄弟组件定位的属性值只能是ID

 典型案例(梅花)

<?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\">
  <ImageView
    android:id=\"@+id/img1\"
    android:layout_width=\"150dp\"
    android:layout_height=\"150dp\"
    android:layout_centerInParent=\"true\"
    android:src=\"@mipmap/ic_launcher\"/>
  <ImageView
    android:id=\"@+id/img2\"
    android:layout_width=\"150dp\"
    android:layout_height=\"150dp\"
    android:layout_above=\"@id/img1\"
    android:layout_centerHorizontal=\"true\"
    android:src=\"@mipmap/ic_launcher\"/>
  <ImageView
    android:id=\"@+id/img3\"
    android:layout_width=\"150dp\"
    android:layout_height=\"150dp\"
    android:layout_below=\"@id/img1\"
    android:layout_centerHorizontal=\"true\"
    android:src=\"@mipmap/ic_launcher\"/>
  <ImageView
    android:id=\"@+id/img4\"
    android:layout_width=\"150dp\"
    android:layout_height=\"150dp\"
    android:layout_toLeftOf=\"@id/img1\"
    android:layout_centerVertical=\"true\"
    android:src=\"@mipmap/ic_launcher\"/>
  <ImageView
    android:id=\"@+id/img5\"
    android:layout_width=\"150dp\"
    android:layout_height=\"150dp\"
    android:layout_toRightOf=\"@id/img1\"
    android:layout_centerVertical=\"true\"
    android:src=\"@mipmap/ic_launcher\"/>
</RelativeLayout>

以上内容是小编给大家介绍的Android布局之RelativeLayout相对布局相关知识,希望大家喜欢。

本文地址:https://www.stayed.cn/item/12341

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。