Android开发如何让RelativeLayout中的新增悬浮布局显示在顶层

问题核心原因 #

Android 中 ViewGroup 的子控件绘制顺序遵循 XML 声明先后规则：先声明的控件先被绘制，层级更低；后声明的控件后绘制，会覆盖在先绘制的控件上方。你当前要弹出的悬浮布局如果写在主 CardView 之前，就会被主布局盖住，显示在下方。另外你现有代码末尾的全黑占位 RelativeLayout 没有实际作用，可直接删除。

具体调整方案 #

1. 调整XML布局结构

把要弹出的类型、分类选择布局，放在根 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"
    tools:context=".userProfile">

    <!-- 原有主内容CardView 代码完全保留不动 -->
    <androidx.cardview.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="-37dp"
        android:backgroundTint="#EFE8AB"
        app:cardCornerRadius="40dp">
        <!-- 内部原有控件全部保留 -->
    </androidx.cardview.widget.CardView>

    <!-- 原有发布按钮CardView 代码完全保留不动 -->
    <androidx.cardview.widget.CardView
        android:id="@+id/btn_invia"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:layout_marginTop="660dp"
        app:cardCornerRadius="15dp"
        android:layout_marginBottom="10dp"
        android:layout_marginHorizontal="20dp"
        android:backgroundTint="#E8E1A2">
        <!-- 内部原有控件全部保留 -->
    </androidx.cardview.widget.CardView>

    <!-- 删掉原有无效的黑色RelativeLayout，替换为悬浮选择布局 -->
    <!-- 电影类型选择悬浮布局 默认隐藏 -->
    <RelativeLayout
        android:id="@+id/layout_tipologia"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="@color/white"
        android:visibility="gone"
        android:layout_centerInParent="true">
        <!-- 内部放你需要的RecyclerView、关闭按钮等控件 -->
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_tipologia"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </RelativeLayout>

    <!-- 电影分类选择悬浮布局 默认隐藏 -->
    <RelativeLayout
        android:id="@+id/layout_categoria"
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:background="@color/white"
        android:visibility="gone"
        android:layout_centerInParent="true">
        <!-- 内部放你需要的RecyclerView、关闭按钮等控件 -->
        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_categoria"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
    </RelativeLayout>

</RelativeLayout>

2. 代码中控制显示隐藏

在对应 Activity/Fragment 中给加号按钮添加点击事件，控制悬浮布局的显隐即可：

// 类型选择按钮点击逻辑
findViewById(R.id.chooseTip).setOnClickListener(v -> {
    findViewById(R.id.layout_categoria).setVisibility(View.GONE);
    findViewById(R.id.layout_tipologia).setVisibility(View.VISIBLE);
});

// 分类选择按钮点击逻辑
findViewById(R.id.chooseCat).setOnClickListener(v -> {
    findViewById(R.id.layout_tipologia).setVisibility(View.GONE);
    findViewById(R.id.layout_categoria).setVisibility(View.VISIBLE);
});

// 自行补充关闭逻辑：比如点击悬浮布局外区域关闭、添加关闭按钮点击关闭

可选优化（加半透明遮罩） #

如果需要弹窗展示时背景变暗，可在两个悬浮布局外层套一层全屏半透明遮罩，同样放在根布局最底部，默认隐藏，显示弹窗时同步显示遮罩即可：

<!-- 半透明遮罩层 默认隐藏 -->
<FrameLayout
    android:id="@+id/mask_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#80000000"
    android:visibility="gone">
    <!-- 把上面两个悬浮选择布局放到这个遮罩层内部即可 -->
</FrameLayout>

调整完成后悬浮布局层级为全局最高，不会被下层控件遮挡，即可实现你需要的悬浮弹出效果。

内容的提问来源于stack exchange，提问作者Conta's Software Studio