עיצוב חלקים של טקסט

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

תוצאות

 טקסט Hello World עם כמה סגנונות
איור 1. שורה של טקסט עם כמה סגנונות.

תאימות גרסאות

כדי להטמיע את התכונה הזו, צריך להגדיר את minSDK של הפרויקט לרמת API‏ 21 ומעלה.

פניות קשורות

עיצוב של חלקים מהטקסט

בדוגמה הבאה מוצגת המחרוזת Hello World בצבע כחול עבור האות H, בצבע אדום עבור האות W ובצבע שחור עבור שאר הטקסט. כדי להגדיר סגנונות שונים בתוך רכיב Text אחד שאפשר להרכיב, משתמשים בקוד הבא:

@Composable
fun MultipleStylesInText() {
    Text(
        buildAnnotatedString {
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("H")
            }
            append("ello ")

            withStyle(style = SpanStyle(fontWeight = FontWeight.Bold, color = Color.Red)) {
                append("W")
            }
            append("orld")
        }
    )
}

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

  • משתמש ב-buildAnnotatedString שמחזיר מחרוזת AnnotatedString כדי להגדיר סגנונות שונים בתוך הטקסט.
  • עיצוב חלק מהטקסט באמצעות SpanStyle, הגדרה שמאפשרת עיצוב ברמת התו.

אוספים שכוללים את המדריך הזה

המדריך הזה הוא חלק מאוספים של מדריכים מהירים בנושאים שקשורים ליעדים רחבים יותר בפיתוח ל-Android:

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

יש לך שאלות או משוב?

אפשר לעבור לדף השאלות הנפוצות שלנו כדי לקרוא מדריכים מהירים, או לפנות אלינו ולספר לנו מה דעתך.