ב-Glimmer של Jetpack Compose, רשימות הן רכיבי ממשק משתמש שאפשר לגלול בהם אנכית. הרכיבים האלה מעבדים ביעילות רק את הפריטים הגלויים, והם נועדו לספק התנהגויות ספציפיות ותאימות לקלט עבור אפליקציות למשקפי AI. Jetpack Compose Glimmer עושה את זה באמצעות הרכיבים VerticalList ו-ListItem.
VerticalList הוא רכיב של Jetpack Compose Glimmer להצגת תוכן אנכי שניתן לגלול בו. הוא מציע את אותה פונקציונליות של API כמו LazyColumn, אבל עם התנהגויות שעברו אופטימיזציה במיוחד ל-Jetpack Compose Glimmer ולמשקפי AI עם תצוגה.
לרשימות Glimmer ב-Jetpack פיתוח נייטיב יש כמה מגבלות ייחודיות:
- ברשימות צריכים להופיע עד שלושה פריטים בתצוגה.
- כשברשימה יש יותר פריטים מכמות הפריטים שאפשר להציג בתצוגה, נעשה שימוש במסך שחור ליד הגבולות של הרשימה.
דוגמה: הצגת רשימה אנכית עם שלושה פריטים
בדוגמת הקוד הבאה מוצג שימוש ברכיבים 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ולהוסיף לו סמל.