इन XR डिवाइसों पर लागू होता है
इस गाइड की मदद से, इन तरह के एक्सआर डिवाइसों के लिए अनुभव बनाए जा सकते हैं.
Jetpack Compose Glimmer में, Button कॉम्पोनेंट एक इंटरैक्टिव कॉम्पोनेंट है. इसे एआई चश्मे के इनपुट के लिए ऑप्टिमाइज़ किया गया है. यह कॉम्पोनेंट, उपयोगकर्ता की कार्रवाइयों को गाइड करने के लिए, फ़ोकस नहीं किए गए, फ़ोकस किए गए, और दबाए गए राज्यों के लिए विज़ुअल फ़ीडबैक देता है.
उदाहरण: बटन के वैरिएशन
@Composable
fun GlimmerButtonExample() {
Column(
verticalArrangement = Arrangement.spacedBy(16.dp),
horizontalAlignment = Alignment.CenterHorizontally,
modifier = Modifier.fillMaxWidth()
) {
// Basic Button
Button(onClick = { /* Do something */ }) {
Text("Test Button 1")
}
// Button with a leading icon
Button(
onClick = { /* Do something */ },
leadingIcon = {
Icon(
painter = painterResource(id = R.drawable.ic_favorite),
contentDescription = "Favorite icon"
)
}
) {
Text("Test Button 2")
}
// Button with leading and trailing icons
Button(
onClick = { /* Do something */ },
leadingIcon = {
Icon(
painter = painterResource(id = R.drawable.ic_favorite),
contentDescription = "Favorite icon"
)
},
trailingIcon = {
Icon(
painter = painterResource(id = R.drawable.ic_favorite),
contentDescription = "Favorite icon"
)
}
) {
Text("Test Button 3")
}
}
}
कोड के बारे में अहम बातें
- बटन आइकॉन,
painterResourceका इस्तेमाल करके, स्थानीय एक्सएमएल वेक्टर ड्रॉएबल (R.drawable.ic_favorite) को सोर्स करते हैं. इससे, ऑप्टिमाइज़ की गई ऐसेट लोडिंग के लिएIcons.Defaultलाइब्रेरी की डिपेंडेंसी बदल जाती है. leadingIconऔरtrailingIconपैरामीटर का इस्तेमाल, बटन लेआउट में आइकॉन कंपोज़ेबल डालने के लिए किया जाता है. इससे पता चलता है कि Jetpack Compose Glimmer, आइकॉन को अपनी ज़रूरत के हिसाब से सेट करने की सुविधा देता है.- बटन, साइज़ के डिफ़ॉल्ट कॉन्फ़िगरेशन का इस्तेमाल करते हैं. यह कॉन्फ़िगरेशन, स्टैंडर्ड Jetpack Compose Glimmer के डिज़ाइन स्पेसिफ़िकेशन के साथ अलाइन होने के लिए, इंटरनल पैडिंग और टेक्स्ट स्केलिंग को अपने-आप मैनेज करता है. इसके लिए, साइज़ में बदलाव करने वाले टूल का इस्तेमाल नहीं किया जाता.