SpatialDialog एक स्पेशलाइज़्ड कॉम्पोनेंट है, जो बेस एलिवेशन लेवल पर कॉन्टेंट के ऊपर दिखता है.
स्पेशल डायलॉग दिखाना
यहां दिए गए उदाहरण में, एक स्पेशल डायलॉग दिखाया गया है जो कुछ देर बाद खुलता है.
SpatialDialog का इस्तेमाल करने पर, डायलॉग बॉक्स उसी z-डेप्थ पर दिखता है जिस पर स्पेशल पैनल दिखता है. साथ ही, स्पेशलाइज़ेशन की सुविधा चालू होने पर, पैनल को 125dp पीछे धकेल दिया जाता है. स्पेशलाइज़ेशन की सुविधा चालू न होने पर भी SpatialDialog का इस्तेमाल किया जा सकता है. ऐसे में, SpatialDialog अपने 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का एक उदाहरण है. हालांकि,SpatialPopupऔरSpatialElevationका इस्तेमाल करना काफ़ी हद तक एक जैसा है. ज़्यादा जानकारी के लिए, हमारे एपीआई का संदर्भ देखें.