Un SpatialDialog es un componente espacializado que aparece sobre el contenido en el nivel de elevación base.
Cómo mostrar un diálogo espacial
En el siguiente ejemplo, se muestra un diálogo espacial que se abre después de un breve retraso.
Cuando se usa SpatialDialog, el diálogo aparece en la misma profundidad Z que el panel espacial, y el panel se desplaza hacia atrás 125 dp cuando se habilita la espacialización. SpatialDialog también se puede usar cuando la espacialización no está habilitada, en cuyo caso SpatialDialog recurre a su equivalente en 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") } } } } }
Puntos clave sobre el código
- Este es un ejemplo de
SpatialDialog, pero el uso deSpatialPopupySpatialElevationes muy similar. Para obtener más información, consulta nuestra referencia de la API.