Räumliche Dialoge

XR‑Geräte, für die der Leitfaden gilt
Dieser Leitfaden hilft Ihnen dabei, Erlebnisse für die folgenden Arten von XR-Geräten zu entwickeln.
Informationen zu XR-Gerätetypen →
XR-Headsets
Kabelgebundene XR-Datenbrille
Informationen zu XR-Gerätetypen →

Ein SpatialDialog ist eine räumliche Komponente, die über dem Inhalt auf der Basisebene angezeigt wird.

Spatial-Dialogfeld anzeigen

Das folgende Beispiel zeigt einen räumlichen Dialog, der sich nach einer kurzen Verzögerung öffnet. Wenn SpatialDialog verwendet wird, wird das Dialogfeld in derselben Z-Tiefe wie das räumliche Steuerfeld angezeigt. Das Steuerfeld wird um 125 dp nach hinten verschoben, wenn die räumliche Darstellung aktiviert ist. SpatialDialog kann auch verwendet werden, wenn die Räumlichkeit nicht aktiviert ist. In diesem Fall greift SpatialDialog auf das 2D-Äquivalent Dialog zurück.

@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")
                }
            }
        }
    }
}

Wichtige Punkte zum Code