Jetpack Compose 对话框 - 有没有办法更改背景透明度？

Question

当我们在 Jetpack Compose 中显示Dialog/AlertDialog时，背景似乎有点暗，有没有办法调整背景 Alpha 或使其透明？例如：当显示对话框时，该图像中的白色背景变成深灰色。

Answer 1

你可以像这样轻松地做到这一点：

Dialog(onDismissRequest = {}) {
    (LocalView.current.parent as DialogWindowProvider)?.window?.setDimAmount(0f)
    // dialog content here...
   }

Answer 2

我尝试使用Dialog，但无法清除标志WindowManager.LayoutParams.FLAG_DIM_BEHIND。

您可以尝试使用 Popup 来替换 Dialog，一切对我来说都很好。

Popup(
        onDismissRequest = {},
        properties = PopupProperties(
            focusable = true,
            dismissOnBackPress = false,
            dismissOnClickOutside = false,
            excludeFromSystemGesture = true,
        )
    ) {
        Box(
            contentAlignment = Alignment.Center,
            modifier = Modifier
                .fillMaxSize()
                .background(Color.Transparent)
        ) {
            // Your content code is here
        }
    }

Answer 3

您可以使用全屏对话框，然后将带有所需文本的卡片插入其中。例如：

AlertDialog(
            modifier = Modifier.fillMaxSize(),
            backgroundColor = Color.White.copy(alpha = 0.2f),
            properties = DialogProperties(usePlatformDefaultWidth = false),

您可以在文本部分添加您的卡片可组合项：

text = {
        Card(Modifier.size(200.dp)) {
        Text(text = "test")
     }
}

希望这可以帮助！