อุปกรณ์ XR ที่รองรับ
คำแนะนำนี้จะช่วยคุณสร้างประสบการณ์การใช้งานสำหรับอุปกรณ์ XR ประเภทนี้
SpatialDialog คือคอมโพเนนต์เชิงพื้นที่ที่ปรากฏด้านบนเนื้อหาที่ระดับความสูงฐาน
แสดงกล่องโต้ตอบเชิงพื้นที่
ตัวอย่างต่อไปนี้แสดงกล่องโต้ตอบเชิงพื้นที่ที่เปิดขึ้นหลังจากหน่วงเวลาสั้นๆ
เมื่อใช้ SpatialDialog กล่องโต้ตอบจะปรากฏที่ความลึกแกน Z เดียวกันกับแผงเชิงพื้นที่ และแผงจะถูกดันกลับไป 125dp เมื่อเปิดใช้การสร้างมิติเสียงเชิงพื้นที่ นอกจากนี้ คุณยังใช้ SpatialDialog ได้เมื่อไม่ได้เปิดใช้การสร้างเสียงรอบทิศทาง ซึ่งในกรณีนี้ SpatialDialog จะเปลี่ยนกลับไปใช้ Dialog ซึ่งเป็นเสียงแบบ 2 มิติ
@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แต่การใช้SpatialPopupและSpatialElevationจะคล้ายกันมาก ดูข้อมูลเพิ่มเติมได้ที่เอกสารอ้างอิง API