Android Studio中BottomSheet显示后无法交互背景元素的问题求助

问题核心：你当前使用的BottomSheetDialog本质是Dialog组件，它的窗口会默认覆盖整个屏幕——即便设置了dimAmount=0，触摸事件依然会被Dialog窗口拦截，导致背景的CoordinatorLayout元素无法响应点击。要实现类似Google Maps的背景可交互效果，需放弃BottomSheetDialog，改用直接在CoordinatorLayout中绑定BottomSheetBehavior的方式。

解决方案步骤： #

1. 修改主布局文件（activity_main.xml）

在CoordinatorLayout中直接添加两个BottomSheet视图，通过app:layout_behavior绑定BottomSheetBehavior：

<androidx.coordinatorlayout.widget.CoordinatorLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- 你的背景交互元素（如按钮、地图等） -->
    <Button
        android:id="@+id/butt_test_im3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示IM3 BottomSheet"/>

    <Button
        android:id="@+id/butt_test_3id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="显示3ID BottomSheet"
        android:layout_marginTop="80dp"/>

    <Button
        android:id="@+id/butt_test_close"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="关闭BottomSheet"
        android:layout_marginTop="160dp"/>

    <!-- IM3 BottomSheet视图 -->
    <include
        android:id="@+id/bottom_sheet_im3"
        layout="@layout/bottom_sheet_layout_im3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/bottom_sheet_behavior"/>

    <!-- 3ID BottomSheet视图 -->
    <include
        android:id="@+id/bottom_sheet_3id"
        layout="@layout/bottom_sheet_layout_3id"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_behavior="@string/bottom_sheet_behavior"/>

</androidx.coordinatorlayout.widget.CoordinatorLayout>

2. 修改Java代码

删除BottomSheetDialog相关逻辑，直接通过BottomSheetBehavior控制BottomSheet的显示/隐藏：

package com.example.outletmapsbeta;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import androidx.activity.EdgeToEdge;
import androidx.appcompat.app.AppCompatActivity;
import androidx.core.graphics.Insets;
import androidx.core.view.ViewCompat;
import androidx.core.view.WindowInsetsCompat;

import com.google.android.material.bottomsheet.BottomSheetBehavior;

public class MainActivity extends AppCompatActivity {

    private BottomSheetBehavior<View> behaviorIm3;
    private BottomSheetBehavior<View> behavior3id;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        EdgeToEdge.enable(this);
        setContentView(R.layout.activity_main);
        ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main), (v, insets) -> {
            Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
            v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
            return insets;
        });

        // 初始化IM3 BottomSheet的Behavior
        View bottomSheetIm3 = findViewById(R.id.bottom_sheet_im3);
        behaviorIm3 = BottomSheetBehavior.from(bottomSheetIm3);
        behaviorIm3.setPeekHeight(1045); // 设置折叠高度
        behaviorIm3.setState(BottomSheetBehavior.STATE_HIDDEN); // 默认隐藏

        // 初始化3ID BottomSheet的Behavior
        View bottomSheet3id = findViewById(R.id.bottom_sheet_3id);
        behavior3id = BottomSheetBehavior.from(bottomSheet3id);
        behavior3id.setPeekHeight(1045); // 设置折叠高度
        behavior3id.setState(BottomSheetBehavior.STATE_HIDDEN); // 默认隐藏

        // 显示IM3 BottomSheet
        Button showIm3Btn = findViewById(R.id.butt_test_im3);
        showIm3Btn.setOnClickListener(v -> {
            behavior3id.setState(BottomSheetBehavior.STATE_HIDDEN); // 先隐藏另一个
            behaviorIm3.setState(BottomSheetBehavior.STATE_COLLAPSED); // 显示当前BottomSheet
        });

        // 显示3ID BottomSheet
        Button show3idBtn = findViewById(R.id.butt_test_3id);
        show3idBtn.setOnClickListener(v -> {
            behaviorIm3.setState(BottomSheetBehavior.STATE_HIDDEN); // 先隐藏另一个
            behavior3id.setState(BottomSheetBehavior.STATE_COLLAPSED); // 显示当前BottomSheet
        });

        // 关闭所有BottomSheet
        Button closeBtn = findViewById(R.id.butt_test_close);
        closeBtn.setOnClickListener(v -> {
            behaviorIm3.setState(BottomSheetBehavior.STATE_HIDDEN);
            behavior3id.setState(BottomSheetBehavior.STATE_HIDDEN);
        });
    }
}

原理说明 #

直接绑定BottomSheetBehavior的BottomSheet是CoordinatorLayout的子视图，仅占据屏幕底部区域，不会覆盖整个屏幕，因此背景区域的触摸事件可以正常传递给背景元素，实现类似Google Maps的交互效果。而BottomSheetDialog作为Dialog组件，其窗口会强制覆盖全屏并拦截触摸事件，这是导致背景无法操作的根本原因。

内容的提问来源于stack exchange，提问作者031 A MUH FIKRI ARIF