סמלים מהותיים

ה-composable של Icon הוא דרך נוחה לצייר במסך סמל בצבע אחד, בהתאם להנחיות של Material Design. כדי להשתמש ב-Icon, צריך לכלול את הספרייה Compose Material (או את הספרייה Compose Material 3).

לדוגמה, אם יש לכם קובץ drawable וקטורי שאתם רוצים לטעון עם הגדרות ברירת המחדל של Material, תוכלו להשתמש ב-composable Icon באופן הבא:

Icon(
    painter = painterResource(R.drawable.baseline_directions_bus_24),
    contentDescription = stringResource(id = R.string.bus_content_description)
)
MaterialIconsSnippets.kt

כברירת מחדל, הרכיב הניתן לקיבוץ Icon מופיע בצבע LocalContentColor.current ובגודל 24.dp. הוא גם חושף פרמטר צבע tint (שמשתמש באותו מנגנון לגוון כפי שמתואר בקטע גוון תמונה). הרכיב הניתן לקיבוץ Icon מיועד לשימוש ברכיבי סמלים קטנים. מומלץ להשתמש ב-Image composable כדי לקבל אפשרויות התאמה אישית נוספות.

ספריית הסמלים של Material כוללת גם קבוצה של Icons מוגדרים מראש שאפשר להשתמש בהם ב-Compose בלי לייבא קובץ SVG באופן ידני. כדי לצייר את הגרסה העגולה של סמל עגלת הקניות:

Icon(
    Icons.Rounded.ShoppingCart,
    contentDescription = stringResource(id = R.string.shopping_cart_content_desc)
)
MaterialIconsSnippets.kt

איור 1: וקטור של עגלת קניות עם סמל

חשוב לציין שאין צורך להשתמש ב-Icon כדי ליצור VectorDrawable במסך. מתחת לפני השטח, Icon משתמש ב-Modifier.paint(painterResource(R.drawable.ic_bus_stop) כדי לצייר את Icon במסך. מידע נוסף על כל הסמלים הזמינים זמין במסמכי העזרה בנושא סמלים.