Android开发之RelativeLayout

最新推荐文章于 2024-06-04 21:31:16 发布

ShadyPi

最新推荐文章于 2024-06-04 21:31:16 发布

阅读量1.9k

点赞数 1

分类专栏： Android开发文章标签： android java apache

本文链接：https://blog.csdn.net/ShadyPi/article/details/123097023

版权

Android开发专栏收录该内容

24 篇文章 10 订阅

订阅专栏

本文介绍了Android中RelativeLayout布局的使用，通过设置`layout_alignParent*`和`layout_to*Of`属性实现组件相对于父容器和兄弟组件的定位。示例展示了如何将组件居中、放置在父容器或兄弟组件的特定位置，并调整边距，以达到灵活的界面设计效果。

摘要由CSDN通过智能技术生成

常见属性

根据父容器定位

layout_alignParentStart 左对齐
layout_alignParentEnd 右对齐
layout_alignParentTop 顶部对齐
layout_alignParentBottom 底部对齐
layout_centerHorizontal 水平居中
layout_centerVertical 垂直居中
layout_centerInParent 中间位置

根据兄弟容器定位

layout_toStartOf 放置于参考组件的左边
layout_toEndOf 放置于参考组件的右边
layout_above 放置于参考组件的上边
layout_below 放置于参考组件的下边
layout_alignLeft 对齐参考组件左边界
layout_alignRight 对齐参考组件右边界
layout_alignTop 对齐参考组件上边界
layout_alignBottom 对齐参考组件下边界

实例

<?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">
    
    <RelativeLayout
        android:background="@color/purple_200"
        android:layout_width="100dp"
        android:layout_height="100dp"/>
    <RelativeLayout
        android:background="@color/purple_500"
        android:layout_width="100dp"
        android:layout_height="100dp"/>
    
    
</RelativeLayout>

在xml里实现上面的代码以后，可以发现，由于RelativeLayout是相对位置，默认位置都在父容器左上角，所以我们声明的两个子容器是重叠的。
在这里插入图片描述

根据父容器定位

<RelativeLayout
        android:layout_centerInParent="true"
        android:background="@color/purple_200"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

在这里插入图片描述

<RelativeLayout
        android:layout_centerInParent="true"
        android:background="@color/purple_200"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

在这里插入图片描述

根据兄弟组件定位

<RelativeLayout
        android:background="@color/purple_500"
        android:layout_toStartOf="@+id/layout1"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

在这里插入图片描述

<RelativeLayout
        android:background="@color/purple_500"
        android:layout_above="@+id/layout1"
        android:layout_width="100dp"
        android:layout_height="100dp"/>

在这里插入图片描述

通用属性

设置组件与父容器的边距

layout_margin 上下左右边距
layout_marginStart
layout_marginEnd
layout_marginTop
layout_marginBottom

在这里插入图片描述

设置父容器与组件的边距

padding

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:paddingTop="10dp"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RelativeLayout
        android:id="@+id/layout1"
        android:layout_centerInParent="true"
        android:background="@color/purple_200"
        android:layout_width="100dp"
        android:layout_height="100dp"/>
    <RelativeLayout
        android:background="@color/purple_500"
        android:layout_width="100dp"
        android:layout_height="100dp"/>


</RelativeLayout>