Bottom Sheet Dialog实现带关闭按钮透明背景头部的显示问题咨询

1. 新增关闭按钮圆形背景资源 #

在drawable目录下新建bg_close_circle.xml，作为关闭按钮的白色衬底：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@android:color/white" />
    <size android:width="32dp" android:height="32dp" />
</shape>

2. 调整布局代码 #

修改根布局、关闭按钮、内容区域的属性，解决布局外露和按钮显示问题：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    android:paddingTop="16dp">

    <ImageView
        android:id="@+id/img_close"
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_centerHorizontal="true"
        android:background="@drawable/bg_close_circle"
        android:clickable="true"
        android:forceDarkAllowed="false"
        android:padding="4dp"
        android:src="@drawable/bottom_close" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:layout_below="@id/img_close"
        android:layout_marginTop="-16dp"
        android:background="@drawable/rounded_dialog"
        android:orientation="vertical">

        <!-- 后续自定义内容控件 -->
    </RelativeLayout>
</RelativeLayout>

核心修改点：

• 根布局高度从match_parent改为wrap_content，避免占用全屏导致的下层内容外露
• 关闭按钮新增白色圆形背景，避免和下层透传内容混淆导致显示不清晰
• 内容区域向上偏移16dp，实现关闭按钮悬浮在内容区顶部的效果

3. 调整Activity初始化代码 #

补充设置BottomSheet容器的背景透明，消除默认白色背景：

final BottomSheetDialog dialog = new BottomSheetDialog(this, R.style.BottomSheetMainStyle);
dialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
// 新增：设置BottomSheet默认容器背景为透明
View bottomSheet = dialog.getDelegate().findViewById(com.google.android.material.R.id.design_bottom_sheet);
if (bottomSheet != null) {
    bottomSheet.setBackgroundColor(Color.TRANSPARENT);
}
dialog.show();

4. 可选优化 #

如果关闭按钮图标辨识度仍然不足，可以给ImageView添加tint属性修改图标颜色，例如改为深灰色：
android:tint="@android:color/darker_gray"

内容的提问来源于stack exchange，提问作者Arooshi