एक्सआर की सुविधा वाले डिवाइस
इस गाइड की मदद से, इन तरह के एक्सआर डिवाइसों के लिए अनुभव बनाए जा सकते हैं.
Jetpack Compose Glimmer में, Icon कॉम्पोनेंट को खास तौर पर एक रंग वाले आइकॉन रेंडर करने के लिए डिज़ाइन किया गया है. Icon के सोर्स के तौर पर ImageVector,
ImageBitmap या Painter का इस्तेमाल किया जा सकता है. Icon, Text की तरह ही, आस-पास के यूज़र इंटरफ़ेस (यूआई) की थीम के आधार पर, रंग को स्मार्ट तरीके से लागू कर सकता है.
डिफ़ॉल्ट रूप से, यह LocalIconSize से मिले साइज़ पर सेट होता है. हालांकि, आइकॉन के साइज़ को अपनी पसंद के मुताबिक भी सेट किया जा सकता है.
उदाहरण: बड़े स्टार आइकॉन वाला बॉक्स बनाओ
@Composable
fun GlimmerIconSample() {
GlimmerTheme {
Box(
modifier = Modifier.fillMaxSize(),
contentAlignment = Alignment.Center
) {
Column(horizontalAlignment = Alignment.CenterHorizontally) {
Icon(
painter = painterResource(id = R.drawable.ic_star),
contentDescription = "A star icon from Google Symbols",
modifier = Modifier.size(GlimmerTheme.iconSizes.large),
tint = GlimmerTheme.colors.primary
)
}
}
}
}
कोड के बारे में अहम जानकारी
- आइकॉन का सोर्स, लोकल एक्सएमएल वेक्टर ड्रॉएबल (
R.drawable.ic_star) कोpainterResourceका इस्तेमाल करके लोड करता है. इससे पता चलता है कि बाहरी लाइब्रेरी के ओवरहेड के बिना, Jetpack Compose Glimmer UI में आइकॉन इंटिग्रेट करने का सुझाव दिया गया है. - इस आइकॉन का साइज़, मॉडिफ़ायर के साथ
GlimmerTheme.iconSizes.largeसेट करके पसंद के मुताबिक बनाया गया है. इसमें यह दिखाया गया है कि Jetpack Compose Glimmer के पहले से तय किए गए साइज़ को कैसे बदला जाए. - आइकॉन के रंग को पसंद के मुताबिक बनाने के लिए, टिंट पैरामीटर का इस्तेमाल करके
GlimmerTheme.colors.primaryसेट किया जाता है. इससे विज़ुअल में एक जैसा रंग दिखता है.