Okna przestrzenne

Odpowiednie urządzenia z XR

Te wskazówki pomogą Ci tworzyć treści na te typy urządzeń z XR.

Więcej informacji o typach urządzeń XR →

Więcej informacji o typach urządzeń XR →

SpatialDialog to komponent przestrzenny, który pojawia się nad treścią na podstawowym poziomie wysokości.

Wyświetlanie okna przestrzennego

Poniższy przykład pokazuje okno przestrzenne, które otwiera się po krótkim opóźnieniu. Gdy używana jest funkcja SpatialDialog, okno pojawia się na tej samej głębokości osi Z co panel przestrzenny, a panel jest przesuwany do tyłu o 125 dp, gdy włączona jest przestrzenność. SpatialDialog można też używać, gdy dodawanie aspektu przestrzennego nie jest włączone. W takim przypadku SpatialDialog powraca do swojego odpowiednika 2D, czyli 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")
                }
            }
        }
    }
}
SpatialDialog.kt

Najważniejsze informacje o kodzie

• To jest przykład SpatialDialog, ale użycie SpatialPopup i SpatialElevation jest bardzo podobne. Więcej informacji znajdziesz w dokumentacji API.