רשימות ב-Jetpack פיתוח נייטיב Glimmer

מכשירי XR שמתאימים לשימוש
ההנחיות האלה יעזרו לכם ליצור חוויות למכשירי XR מהסוגים הבאים.
משקפי AI

ב-Jetpack פיתוח נייטיב Glimmer, רשימות הן רכיבי ממשק משתמש שניתנים לגלילה אנכית, שמעבדים ביעילות רק את הפריטים הגלויים. הרכיבים האלה נועדו לספק התנהגויות ספציפיות ותאימות לקלט עבור אפליקציות למשקפי AI. ‫Jetpack פיתוח נייטיב Glimmer עושה את זה באמצעות הרכיבים VerticalList ו-ListItem.

איור 1. דוגמה לכמה סגנונות שונים של רשימות ב-Jetpack פיתוח נייטיב Glimmer.

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