Android RelativeLayout相对布局详解（系列教程七）

骑猪看日落 2024-04-01 16:11 81阅读 0赞

**目录**

RelativeLayout简介

RelativeLayout基本使用

根据父容器定位

根据兄弟组件定位

--------------------

### RelativeLayout简介 ###

RelativeLayout相对布局是一种根据父元素或者兄弟元素作为参照物来确定控件位置的布局方式。

### RelativeLayout基本使用 ###

在布局文件中使用RelativeLayout相对布局。

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#cccccc"
        tools:context=".MainActivity01">
    
    </RelativeLayout>

### 根据父容器定位 ###

下面属性都是设置在RelativeLayout的子控件上。

*  android:layout\_alignParentLeft="true"：默认，控件位于父容器左边边缘
 *  android:layout\_alignParentRight="true" ：控件位于父容器右边边缘
 *  android:layout\_alignParentTop="true"：默认，控件位于父容器顶部边缘
 *  android:layout\_alignParentBottom="true"：控件位于父容器底部边缘
 *  android:layout\_centerHorizontal="true"：控件在父容器中水平居中
 *  android:layout\_centerVertical="true"：控件在父容器中垂直居中
 *  android:layout\_centerInParent="true"：控件在父容器中水平和垂直都居中

示例效果如下：

![e2a1f5c54f324c0d91c5a9bff2e26e69.png][]

示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#cccccc"
        tools:context=".MainActivity01">
    
        <Button
            android:layout_width="80dp"
            android:layout_height="35dp"
            android:background="@drawable/btn_style"
            android:text="Button1" />
    
        <Button
            android:layout_width="80dp"
            android:layout_height="35dp"
            android:layout_alignParentRight="true"
            android:background="@drawable/btn_style"
            android:text="Button2" />
    
        <Button
            android:layout_width="80dp"
            android:layout_height="35dp"
            android:layout_alignParentBottom="true"
            android:background="@drawable/btn_style"
            android:text="Button3" />
    
        <Button
            android:layout_width="80dp"
            android:layout_height="35dp"
            android:layout_alignParentRight="true"
            android:layout_alignParentBottom="true"
            android:background="@drawable/btn_style"
            android:text="Button4" />
    
        <Button
            android:layout_width="80dp"
            android:layout_height="35dp"
            android:layout_centerVertical="true"
            android:background="@drawable/btn_style"
            android:text="Button5" />
    
        <Button
            android:layout_width="80dp"
            android:layout_height="35dp"
            android:layout_centerHorizontal="true"
            android:background="@drawable/btn_style"
            android:text="Button6" />
    
        <Button
            android:layout_width="80dp"
            android:layout_height="35dp"
            android:layout_centerInParent="true"
            android:background="@drawable/btn_style"
            android:text="Button7" />
    </RelativeLayout>

### 根据兄弟组件定位 ###

下面属性都是设置在RelativeLayout的子控件上。

*  android:layout\_toLeftOf="@+id/button1"：在button1控件左方
 *  android:layout\_toRightOf="@+id/button1"：在button1控件右方
 *  android:layout\_above="@+id/button1"：在button1控件上方
 *  android:layout\_below="@+id/button1"：在button1控件下方
 *  android:layout\_alignLeft="@+id/button1"：与button1控件左边平齐
 *  android:layout\_alignRight="@+id/button1"：与button1控件右边平齐
 *  android:layout\_alignTop="@+id/button1"：与button1控件上边平齐
 *  android:layout\_alignBottom="@+id/button1"：与button1控件下边平齐

原创不易，点个赞再走呗。。。

![fa37451c16144472a44901f97bd4c0d8.jpeg][]

[e2a1f5c54f324c0d91c5a9bff2e26e69.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e4bb46efaab443c2ad8e2e96afc1b00e.png
[fa37451c16144472a44901f97bd4c0d8.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d93020f9bf3e4fce8eff59611a6090dc.jpeg

发表评论取消回复

表情：

评论列表（有 0 条评论，81人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android RelativeLayout相对布局详解（系列教程七）

目录 RelativeLayout简介 RelativeLayout基本使用根据父容器定位根据兄弟组件定位 -------------------- Rela

骑猪看日落/ 2024年04月01日 16:11/ 0 赞/ 82 阅读

相关 android 相对布局（RelativeLayout）

RelativeLayout详解： RelativeLayout布局是android布局中最常用的布局之一。 RelativeLayout可以设置某一个控件相对于其他控件的

梦里梦外;/ 2023年10月06日 11:28/ 0 赞/ 9 阅读

相关 IDEA Android 相对布局（RelativeLayout）示例

示例效果如下：相对布局（RelativeLayout） BB相对于AA的左边，CC相对于AA的下边，DD相对于BB的下边且相对于CC的右边 EE相对于CC的下边,

柔光的暖阳◎/ 2023年10月04日 22:36/ 0 赞/ 18 阅读

相关 RelativeLayout相对布局

RelativeLayout又称作相对布局,也是一种非常常用的布局。和 LinearLayout 的排列规则不同,RelativeLayout 显得更加随意一些,它可以通过相对

你的名字/ 2023年06月19日 14:29/ 0 赞/ 70 阅读

相关 Android初试--RelativeLayout（相对布局）

RelativeLayout（相对布局） RelativeLayout允许子元素指定他们相对于其它元素或父元素的位置（通过ID指定）。因此，你可以以右对齐或上下，或置于屏幕中

小灰灰/ 2022年08月26日 01:25/ 0 赞/ 262 阅读

相关 Android UI RelativeLayout相对布局

RelativeLayout相对布局相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。它灵活

秒速五厘米/ 2022年08月23日 12:49/ 0 赞/ 268 阅读

相关（二）Android布局之相对布局(RelativeLayout)

相对布局，直接粘代码main.xml示例代码如下： <?xml version="1.0" encoding="utf-8"?> <RelativeLayou

蔚落/ 2022年08月06日 14:17/ 0 赞/ 258 阅读

相关 Android 相对布局RelativeLayout

RelativeLayout下级视图的位置可以用与该视图自身平级的视图或者该视图的上级视图的相对位置来描述。如果没有指定参照视图，那么下级视图默认显示在RelativeLayo

ゝ一纸荒年。/ 2022年06月02日 06:22/ 0 赞/ 278 阅读

相关 RelativeLayout相对布局

RelativeLayout相对布局相对布局 RelativeLayout 允许子元素指定它们相对于其父元素或兄弟元素的位置，这是实际布局中最常用的布局方式之一。它灵活性大

╰+哭是因爲堅強的太久メ/ 2022年05月15日 00:50/ 0 赞/ 283 阅读

相关 Android RelativeLayout 相对布局解析

[Android RelativeLayout 属性][Android RelativeLayout] // 相对于给定ID控件 android:layout

痛定思痛。/ 2022年03月29日 15:18/ 0 赞/ 322 阅读