如何设置Bottom Sheet弹出时主屏幕背景为指定颜色#1C1C1E？

要实现Bottom Sheet弹出时将主屏幕背景改为#1C1C1E，你需要修改的是Bottom Sheet对话框的底层遮罩属性，而非Bottom Sheet自身的背景。以下是具体实现方案：

方案1：通过代码动态设置（Kotlin示例） #

如果使用BottomSheetDialog，可以直接操作其窗口属性来替换遮罩颜色：

val bottomSheetDialog = BottomSheetDialog(this)
bottomSheetDialog.setContentView(R.layout.your_bottom_sheet_layout)

// 配置窗口遮罩
bottomSheetDialog.window?.run {
    // 将遮罩透明度设为1（完全覆盖底层内容）
    setDimAmount(1f)
    // 设置遮罩颜色为#1C1C1E
    setBackgroundDrawable(ColorDrawable(Color.parseColor("#1C1C1E")))
}

bottomSheetDialog.show()

方案2：通过自定义Style实现 #

在res/values/styles.xml中定义自定义样式：

<style name="CustomBottomSheetStyle" parent="Theme.Design.Light.BottomSheetDialog">
    <!-- 启用背景遮罩 -->
    <item name="android:backgroundDimEnabled">true</item>
    <!-- 设置遮罩完全不透明 -->
    <item name="android:backgroundDimAmount">1.0</item>
    <!-- 设置遮罩颜色为目标色 -->
    <item name="android:windowBackground">@color/custom_bg_color</item>
</style>

在res/values/colors.xml中添加颜色值：

<color name="custom_bg_color">#1C1C1E</color>

最后创建BottomSheetDialog时传入该样式：

val bottomSheetDialog = BottomSheetDialog(this, R.style.CustomBottomSheetStyle)
bottomSheetDialog.setContentView(R.layout.your_bottom_sheet_layout)
bottomSheetDialog.show()

注意：如果之前的代码只修改了Bottom Sheet布局的android:background属性，那只会改变Bottom Sheet自身的背景，而底层的遮罩是由Dialog的窗口控制的，所以需要通过上述两种方式修改窗口属性。

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