טקסט ב-Jetpack Compose Glimmer

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

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

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

דוגמה: יצירת כותרת טקסט בתיבה

@Composable
fun TextSample() {
    Text(
        text = "Hello Glimmer",
        style = GlimmerTheme.typography.titleLarge
    )
}

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

  • מכיוון שלא צוין צבע, הטקסט הזה יחפש את המשטח הקרוב ביותר כדי לבחור את הצבע הקריא ביותר (בדרך כלל לבן).

התאמת גודל

הסולם הטיפוגרפי ב-Jetpack Compose Glimmer גדול משמעותית מהסולם הטיפוגרפי ב-Material Design רגיל לנייד. הסגנונות TitleLarge ו-BodyLarge הם שניהם 30.sp, והכתובית היא 18.sp:

סגנון גודל (sp) משקל גובה שורה

titleLarge

30

750

36.sp

titleMedium

24

750

28.sp

titleSmall

20

750

28.sp

bodyLarge

30

520

36.sp

bodyMedium

24

520

36.sp

bodySmall

20

520

28.sp

כיתוב

18

650

24.sp

שימוש ב-Google Sans Flex

‫Google Sans Flex הוא גופן משתנה שנבחר במיוחד עבור משקפי AI, והוא מסופק כחלק מ-Jetpack Compose Glimmer. הפינות המעוגלות של הגופן והצירים המתכווננים מאפשרים התאמה אופטית אידיאלית, וכך הטקסט נשאר קריא וקל לקריאה מהירה. אם אפשר, כדי לשפר את העקביות של המשתמשים בין האפליקציה למערכת, כדאי להשתמש בגופן Google Sans Flex לכל הטקסט שמוצג במשקפיים עם תצוגה פנימית.

כדי להשתמש ב-Google Sans Flex, מוסיפים את ספריית glimmer-google-fonts לתלות של האפליקציה, ואז מחילים את הגופן באופן גלובלי על GlimmerTheme:

@Composable
fun GoogleSansFlexTypographySample() {
    val typography = createGoogleSansFlexTypography()
    GlimmerTheme(typography = typography) {
        Text("Hello World", style = GlimmerTheme.typography.titleLarge)
    }
}