Jetpack Compose Glimmer में आइटम की सूची

इन XR डिवाइसों पर काम करने वाले ऐप्लिकेशन
इस गाइड की मदद से, इन XR डिवाइसों के लिए ऐप्लिकेशन बनाए जा सकते हैं.
XR डिवाइसों के टाइप के बारे में जानें →
डिसप्ले वाले चश्मे
XR डिवाइसों के टाइप के बारे में जानें →

Jetpack Compose Glimmer में, ListItem कॉन्टेंट की एक लाइन दिखाने के लिए स्टैंडर्ड कॉम्पोनेंट है. सूची वाले आइटम, डिसप्ले वाले चश्मे के फ़ोकस पर आधारित इंटरैक्शन के लिए डिज़ाइन किए गए हैं. इसलिए, फ़ोकस पाने पर वे विज़ुअल रिस्पॉन्स देते हैं.

इस कॉम्पोनेंट के दो ओवरलोड होते हैं: एक में, ऐसे आइटम के लिए onClick पैरामीटर होता है जिनसे ऐक्शन ट्रिगर होते हैं. वहीं, दूसरे में सिर्फ़ फ़ोकस किया जा सकने वाला वर्शन होता है. इसका इस्तेमाल, ऐसी जानकारी वाले कॉन्टेंट के लिए किया जाता है जिसके लिए क्लिक ऐक्शन की ज़रूरत नहीं होती.

पहला डायग्राम. Jetpack Compose Glimmer में, सूची वाले आइटम की अलग-अलग स्टाइल वाली दो सूचियों का उदाहरण.

सूचियों में इस्तेमाल करना

सूची वाले आइटम, सूची में मौजूद लाइनों के लिए प्राइमरी विकल्प होते हैं. हालांकि, सूचियों में अन्य कॉम्पोनेंट भी शामिल किए जा सकते हैं. जैसे, Card या TitleChip. इससे अलग-अलग विज़ुअल पर ज़ोर दिया जा सकता है.

सूची वाले आइटम, अपने प्राइमरी टेक्स्ट के लिए headlineContent स्लॉट का इस्तेमाल करते हैं. इससे, अन्य आइटम के लिए इस्तेमाल किए जाने वाले Card और TitleChip कॉम्पोनेंट के साथ अलाइनमेंट बनाए रखा जा सकता है.

उदाहरण: सहायता करने वाले लेबल और आइकॉन वाला सूची आइटम

यहां दिए गए कोड से, सहायता करने वाले लेबल और लीडिंग और ट्रेलिंग, दोनों आइकॉन वाला सूची आइटम बनाया जाता है:

@Composable
private fun ListItemWithSupportingLabelAndIcons() {
    ListItem(
        supportingLabel = { Text("Supporting Label") },
        leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        trailingIcon = { Icon(FavoriteIcon, "Localized description") },
    ) {
        Text("Primary Label")
    }
}