Jetpack Compose Glimmer में बटन

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

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