Icons

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

לדוגמה, אם יש לכם פריט גרפי וקטורי שניתן לשרטוט שאתם רוצים לטעון עם ברירות המחדל של 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 מיועד לשימוש ברכיבי סמלים קטנים. כדי לקבל אפשרויות נוספות להתאמה אישית, כדאי להשתמש ברכיב ה-Composable‏ Image.

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