Compose Desktop中如何将Dialog居中于父窗口？

针对你遇到的Compose Desktop中Dialog默认屏幕居中、手动计算偏移存在缺陷，以及AlertDialog自定义buttons崩溃的问题，这里提供两种可靠的解决方案：

方案一：用Popup替代Dialog实现父窗口居中 #

由于AlertDialog底层基于Popup实现，而Popup本身支持基于父组件锚点居中，且不会出现自定义buttons的崩溃问题，直接使用Popup可以快速实现需求，同时完全规避原Dialog的位置计算痛点。

示例代码：

@Composable
fun ParentCenteredDialog(
    onDismissRequest: () -> Unit,
    content: @Composable () -> Unit
) {
    Popup(
        onDismissRequest = onDismissRequest,
        alignment = Alignment.Center, // 基于父窗口居中
        properties = PopupProperties(focusable = true) // 确保弹窗可获取焦点
    ) {
        // 模拟Dialog的样式（可自定义背景、圆角、阴影）
        Surface(
            shape = RoundedCornerShape(8.dp),
            color = MaterialTheme.colorScheme.surface,
            elevation = 8.dp,
            modifier = Modifier.padding(16.dp)
        ) {
            content()
        }
    }
}

// 使用方式
@Composable
fun DemoScreen() {
    var showDialog by remember { mutableStateOf(false) }

    Button(onClick = { showDialog = true }) {
        Text("打开父窗口居中的弹窗")
    }

    if (showDialog) {
        ParentCenteredDialog(onDismissRequest = { showDialog = false }) {
            Column(horizontalAlignment = Alignment.CenterHorizontally) {
                Text("这是基于父窗口居中的弹窗", modifier = Modifier.padding(bottom = 16.dp))
                Button(onClick = { showDialog = false }) {
                    Text("关闭")
                }
            }
        }
    }
}

优势：

• 无需手动计算偏移量，自动基于父窗口居中
• 完全自定义内容区域，不存在AlertDialog的buttons崩溃问题
• 适配父窗口的任何位置（包括拖动后的窗口），无需处理Alignment/Offset的兼容问题

方案二：改进Dialog的偏移计算逻辑（保留原生Dialog组件） #

如果必须使用原生Dialog组件，可以通过以下方式解决尺寸未指定、position返回Alignment的问题：

核心思路：

1. 通过LocalWindow.current获取父窗口的实际边界（无论窗口是居中还是手动拖动，都能拿到准确的坐标和尺寸）
2. 用onGloballyPositioned获取Dialog渲染后的实际尺寸，解决未指定尺寸的计算问题

示例代码：

@Composable
fun getParentCenteredOffset(dialogSize: DpSize): DpOffset {
    val parentWindow = LocalWindow.current
    val parentBounds = parentWindow.bounds
    val parentWidth = parentBounds.width.toDp()
    val parentHeight = parentBounds.height.toDp()

    // 计算父窗口与Dialog的尺寸差，得到居中偏移量
    return DpOffset(
        x = (parentWidth - dialogSize.width) / 2,
        y = (parentHeight - dialogSize.height) / 2
    )
}

// 使用改进后的Dialog
@Composable
fun CenteredNativeDialog(onDismissRequest: () -> Unit) {
    var dialogSize by remember { mutableStateOf(DpSize.Zero) }
    
    Dialog(
        onDismissRequest = onDismissRequest,
        state = rememberDialogState(
            position = WindowPosition(getParentCenteredOffset(dialogSize))
        )
    ) {
        Box(
            modifier = Modifier.onGloballyPositioned { coordinates ->
                // 获取Dialog渲染后的实际尺寸
                dialogSize = DpSize(
                    width = coordinates.size.width.toDp(),
                    height = coordinates.size.height.toDp()
                )
            }
        ) {
            Column(
                modifier = Modifier.padding(16.dp),
                horizontalAlignment = Alignment.CenterHorizontally
            ) {
                Text("原生Dialog实现父窗口居中")
                Button(onClick = onDismissRequest, modifier = Modifier.padding(top = 16.dp)) {
                    Text("关闭")
                }
            }
        }
    }
}

优势：

• 保留原生Dialog的所有特性
• 兼容父窗口的任何状态（居中、拖动、未指定尺寸）
• 解决了原计算方法中position返回Alignment的问题

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