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

התוכן הקומפוזבילי 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)
)

כברירת מחדל, התוכן הקומפוזבילי 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)
)

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

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