공간 대화상자

적용 가능한 XR 기기
이 가이드는 이러한 유형의 XR 기기를 위한 환경을 빌드하는 데 도움이 됩니다.
XR 기기 유형 알아보기 →
XR 헤드셋
유선 XR 글라스
XR 기기 유형 알아보기 →

SpatialDialog는 기본 고도 수준에서 콘텐츠 위에 표시되는 공간화된 구성요소입니다.

공간 대화상자 표시

다음 예시에서는 짧은 지연 후에 열리는 공간 대화상자를 보여줍니다. SpatialDialog를 사용하면 대화상자가 공간 패널과 동일한 z 깊이에 표시되고 공간화가 사용 설정되면 패널이 125dp 뒤로 밀립니다. SpatialDialog는 공간화가 사용 설정되지 않은 경우에도 사용할 수 있으며, 이 경우 SpatialDialog는 2D 대응 항목인 Dialog로 대체됩니다.

@Composable
fun DelayedDialog() {
    var showDialog by remember { mutableStateOf(false) }
    LaunchedEffect(Unit) {
        delay(3000.milliseconds)
        showDialog = true
    }
    if (showDialog) {
        SpatialDialog(
            onDismissRequest = { showDialog = false },
            SpatialDialogProperties(
                dismissOnBackPress = true
            )
        ) {
            Box(
                Modifier
                    .height(150.dp)
                    .width(150.dp)
            ) {
                Button(onClick = { showDialog = false }) {
                    Text("OK")
                }
            }
        }
    }
}

코드에 관한 핵심 사항