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

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

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

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

מוצגים צ'יפ ברירת המחדל של הכותרת וצ'יפ הכותרת הקבוע. צ'יפים של כותרות קבועות מוצגים עם קו מתאר.

  1. תווית הצ'יפים של השם
  2. סמל או ישות מובילים אופציונליים

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

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

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")
        }
    }
}

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