Caixas de diálogo espaciais

Dispositivos XR relevantes

Estas orientações ajudam você a criar experiências para esses tipos de dispositivos XR.

Saiba mais sobre esses dispositivos →

Saiba mais sobre esses dispositivos →

Um SpatialDialog é um componente espacializado que aparece na parte de cima do conteúdo no nível de elevação de base.

Mostrar uma caixa de diálogo espacial

O exemplo a seguir mostra uma caixa de diálogo espacial que é aberta após um curto atraso. Quando SpatialDialog é usado, a caixa de diálogo aparece na mesma profundidade Z do painel espacial, e o painel é empurrado para trás em 125 dp quando a espacialização está ativada. SpatialDialog também pode ser usado quando a espacialização não está ativada. Nesse caso, SpatialDialog volta para a contraparte 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")
                }
            }
        }
    }
}
SpatialDialog.kt

Pontos principais sobre o código

• Este é um exemplo de SpatialDialog, mas o uso de SpatialPopup e SpatialElevation é muito semelhante. Para mais informações, consulte nossa referência da API.