צ'יפים של כותרות ב-Jetpack Compose Glimmer

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

ב-Jetpack Compose Glimmer, הרכיב TitleChip נועד לספק תווית קצרה ולא אינטראקטיבית לתוכן משויך, כמו כרטיס. אפשר להשתמש בצ'יפים של כותרות כדי להציג מידע תמציתי כמו שם קצר, שם או סטטוס. צ'יפים של כותרות לא ניתנים למיקוד או לאינטראקציה, ולכן הם משמשים רק לתצוגת מידע בממשק המשתמש של Jetpack Compose Glimmer. לדוגמה, אפשר לספק צ'יפ עם הכותרת 'רכיבים' לצד רשימה של רכיבים שאפשר לגלול בה.

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

דוגמה בסיסית: הצגת צ'יפ עם שם קצר

אפשר ליצור צ'יפ עם שם קצר באמצעות מעט מאוד קוד:

TitleChip { Text("Messages") }

דוגמה מפורטת: הצגת צ'יפ של כותרת עם כרטיס

כדי להשתמש בצ'יפ של כותרת עם רכיב אחר, צריך למקם את הצ'יפ של הכותרת TitleChipDefaults.AssociatedContentSpacing מעל הרכיב האחר בקוד הקומפוזבילי. בדוגמת הקוד הבאה מוצג איך להשתמש בצ'יפ עם כותרת בכרטיס:

@Composable
fun TitleChipExample() {
    Column(horizontalAlignment = Alignment.CenterHorizontally) {
        TitleChip { Text("Title Chip") }
        Spacer(Modifier.height(TitleChipDefaults.AssociatedContentSpacing))
        Card(
            title = { Text("Title") },
            subtitle = { Text("Subtitle") },
            leadingIcon = { Icon(FavoriteIcon, "Localized description") },
        ) {
            Text("Card Content")
        }
    }
}

מידע חשוב על הקוד