एक्सआर की सुविधा वाले डिवाइस
इस गाइड की मदद से, इन तरह के एक्सआर डिवाइसों के लिए अनुभव बनाए जा सकते हैं.
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 के डिज़ाइन स्पेसिफ़िकेशन के साथ अलाइन होने के लिए, इंटरनल पैडिंग और टेक्स्ट स्केलिंग को अपने-आप मैनेज करता है.