1. Jetpack Compose 的基本对话框

让我们从基础开始。以下是使用 Jetpack Compose 创建简单对话框的方法：

@Composable 
fun  SimpleDialog (showDialog: Boolean , onClose: () -> Unit ) { 
    if (showDialog) { 
        // 此可组合项显示一个对话框
        AlertDialog( 
            onDismissRequest = { 
                onClose()   // 关闭时关闭对话框
            }, 
            title = { 
                Text(text = "简单对话框" ) 
            }, 
            text = { 
                Text( "这是 Jetpack Compose 中的一个基本对话框。" ) 
            }, 
            contactButton = {
                按钮(onClick = onClose) { 
                    Text( "确定" ) 
                } 
            } 
        ) 
    } 
}

在此示例中，AlertDialog是一个显示对话框的内置可组合项。onDismissRequest对话框关闭时会调用回调。

2. 自定义内容对话框

Jetpack Compose 允许您自定义对话框的内容。以下是包含自定义内容的对话框的示例：

@Composable 
fun  CustomContentDialog (showDialog: Boolean , onClose: () -> Unit ) { 
    if (showDialog) { 
        Dialog(onDismissRequest = onClose) { 
            // 对话框内的自定义内容
            ( 
                contentAlignment = Alignment.Center, 
                modifier = Modifier.size ( 200.dp ).background(Color.White) 
            ) { 
                Text( "自定义内容对话框" ) 
            } 
        } } 
    }

在此示例中，我们使用Dialog可组合项并使用可组合项自定义其内容Box。

3. 带有用户输入的高级对话框

对于更高级的用例，您可能需要一个捕获用户输入的对话框。以下是实现这一目标的方法：

@Composable 
fun  InputDialog (showDialog: Boolean , onClose: ( String ) -> Unit ) { 
    var input by Remember { mutableStateOf( "" ) } 

    if (showDialog) { 
        AlertDialog( 
            onDismissRequest = { 
                onClose(input)   // 返回输入对话框被关闭
            }, 
            title = { 
                Text(text = "Input Dialog" ) 
            }, 
            text = { 
                // 用于捕获用户输入的
                TextField TextField(
                    value = input, 
                    onValueChange = { input = it }, 
                    label = { Text( "请输入内容" ) } 
                ) 
            }, 
            informButton = { 
                Button(onClick = { onClose(input) }) { 
                    Text( "确认" ) 
                } 
            } 
        ) 
    } 
}

在这里，我们添加了一个TextField内部AlertDialog来捕获用户输入。然后输入通过onClose回调传回。

结论

Jetpack Compose 提供了一种多功能且高效的方法来设计适合您的应用程序需求的自定义对话框。从基本的警报到捕获用户输入的更复杂的设计，可能性是巨大的，仅受您的想象力的限制。