Jetpack Compose 對話框 - 有沒有辦法改變背景透明度？

Question

當我們在 Jetpack Compose 中顯示Dialog / AlertDialog時，背景似乎有點暗，有沒有辦法調整背景 alpha 或使其透明？ 例如：顯示對話框時，此圖像中的白色背景變為深灰色。

Answer 1

您可以使用全屏對話框，然后將包含所需文本的卡片插入其中。 例如：

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

您可以在文本部分添加您的 Card Composable：

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

希望這可以幫助！

Answer 2

此行為由android.view.Window控制。

它位於Dialog的深處，我能想到的唯一改變它的方法是復制所有源代碼。

然后，在源代碼的這一行中，您可以插入以下內容：

window.clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND)

Answer 3

我嘗試使用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
        }
    }