טקסט ב-Jetpack Compose Glimmer

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

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

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

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

@Composable
fun TextSample() {
      Text(
      text = "This is a sample heading",
      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)
    }
}