Jetpack Compose Glimmer में बटन

इन XR डिवाइसों पर लागू होता है
इस गाइड की मदद से, इन तरह के एक्सआर डिवाइसों के लिए अनुभव बनाए जा सकते हैं.
एआई चश्मा

Jetpack Compose Glimmer में, Button कॉम्पोनेंट एक इंटरैक्टिव कॉम्पोनेंट है. इसे एआई चश्मे के इनपुट के लिए ऑप्टिमाइज़ किया गया है. यह कॉम्पोनेंट, उपयोगकर्ता की कार्रवाइयों को गाइड करने के लिए, फ़ोकस नहीं किए गए, फ़ोकस किए गए, और दबाए गए राज्यों के लिए विज़ुअल फ़ीडबैक देता है.

पहली इमेज. Jetpack Compose Glimmer में, अलग-अलग स्टाइल के बटन का उदाहरण.

उदाहरण: बटन के वैरिएशन

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