סמלים

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

לדוגמה, אם יש לכם וקטור שאפשר לצייר שרציתם לטעון עם ברירות מחדל של Material, אתם יכולים להשתמש בקומפוזיציה 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 color (שמסתמך על אותו מנגנון של גוון כפי שמתואר בקטע גוון התמונה). הקומפוזיציה Icon מיועדת לשימוש ברכיבי סמלים קטנים. כדאי להשתמש ב-Image כדי לקבל אפשרויות נוספות להתאמה אישית.

הערה: ב-Material יש שני סגנונות שונים של סמלים: Material Symbols (חדש) ו-Material Icons ‏ (material-icons). ספריית Material Icons כוללת קבוצה של Icons מוגדרים מראש שאפשר להשתמש בהם ב-Compose בלי לייבא קובץ SVG באופן ידני. עם זאת, אין יותר תחזוקה של הארטיפקט הזה, ולא מומלץ להשתמש בו באפליקציות שלכם, כי הוא מכיל מראה ותחושה ישנים, והוא גם יכול להגדיל את זמן הבנייה של האפליקציות שלכם באופן משמעותי. במקום זאת, מומלץ להשתמש בסמלי גופנים של Google ולהוריד את קובץ ה-XML מהכרטיסייה Android כדי ליצור סמל בסגנון Material Symbols עדכני.