Jetpack Compose Glimmer में, सूचियां वर्टिकल तौर पर स्क्रोल की जा सकने वाली यूज़र इंटरफ़ेस (यूआई) कॉम्पोनेंट होती हैं. ये सिर्फ़ दिखने वाले आइटम को रेंडर करती हैं. इन्हें एआई चश्मे वाले ऐप्लिकेशन के लिए, खास व्यवहार और इनपुट के साथ काम करने की सुविधा देने के लिए डिज़ाइन किया गया है. Jetpack Compose Glimmer, VerticalList और ListItem कॉम्पोनेंट का इस्तेमाल करके ऐसा करता है.
VerticalList, Jetpack Compose Glimmer का एक ऐसा कॉम्पोनेंट है जो स्क्रोल किए जा सकने वाले वर्टिकल कॉन्टेंट को दिखाता है. इसमें LazyColumn के जैसी ही एपीआई सुविधाएं मिलती हैं. हालांकि, इसे खास तौर पर Jetpack Compose Glimmer और डिसप्ले वाले एआई चश्मों के लिए ऑप्टिमाइज़ किया गया है.
Jetpack Compose की Glimmer सूचियों की कुछ खास शर्तें हैं:
- व्यू में, सूचियों में सिर्फ़ तीन या इससे कम आइटम दिखने चाहिए.
- जब किसी सूची में इतने आइटम होते हैं कि वे व्यू में फ़िट नहीं हो पाते, तो सूची की सीमाओं के पास काले रंग की स्क्रिम का इस्तेमाल किया जाता है.
उदाहरण: तीन आइटम वाली वर्टिकल लिस्ट दिखाना
यहां दिए गए कोड में, तीन आइटम की सूची बनाने के लिए VerticalList और ListItem कॉम्पोनेंट इस्तेमाल करने का तरीका बताया गया है:
@Composable
fun GlimmerListWithButtons() {
VerticalList(
contentPadding = PaddingValues(16.dp),
verticalArrangement = Arrangement.spacedBy(20.dp)
) {
items(count = 3) { index ->
ListItem(
onClick = { /* Handle Click */ },
leadingIcon = if (index == 1) {
{ Icon(Icons.Rounded.Favorite, "Favorite Icon") }
} else null
) {
Text("List Item + $index")
}
}
}
}
कोड के बारे में अहम जानकारी
- इस सूची में, डाइनैमिक तौर पर जनरेट किए गए तीन आइटम दिखाए गए हैं. इनमें से हर आइटम एक
ListItemहै. - हर
ListItemको पसंद के मुताबिक बनाया जा सकता है. साथ ही, इसमें आइकॉन जोड़ा जा सकता है.