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

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

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

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

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

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