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

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

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

כדי להטמיע את הקוד הזה, צריך להגדיר את 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")
        }
    )
}
TextSnippets.kt

נקודות עיקריות לגבי הקוד

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

תוצאות

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

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

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

הטקסט שיוצג

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

יש לכם שאלות או משוב

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