התוכן הקומפוזבילי Icon
הוא דרך נוחה לצייר על המסך סמל בצבע אחד
שעומד בהנחיות של עיצוב Material Design. כדי להשתמש בתוסף Icon
, צריך לכלול
הספרייה הוספת חומרי לימוד (או הספרייה הוספת חומר לימוד 3).
לדוגמה, אם היה לכם פריט גרפי וקטורי שרציתם לטעון בו
ברירות המחדל של החומרים, אפשר להשתמש בתוכן הקומפוזבילי 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
לקבלת אפשרויות נוספות להתאמה אישית.
ספריית Material Icon כוללת גם קבוצה של Icons
מוגדרים מראש
אפשר להשתמש בו ב-Composer בלי לייבא קובץ SVG באופן ידני. כדי לצייר את
גרסה מעוגלת של עגלת הקניות
סמל:
Icon( Icons.Rounded.ShoppingCart, contentDescription = stringResource(id = R.string.shopping_cart_content_desc) )
![וקטור של עגלת קניות עם סמל](https://developer.android.google.cn/static/develop/ui/compose/images/graphics-shopping.png?authuser=7&hl=he)
חשוב לציין שלא צריך להשתמש ב-Icon
כדי לעבד
VectorDrawable
במסך, מתחת למכסה, Icon
משתמש
Modifier.paint(painterResource(R.drawable.ic_bus_stop)
) על מנת לצייר את Icon
מסך. לקבלת מידע נוסף על כל הסמלים הזמינים, אפשר לעיין
מסמכי תיעוד של הסמלים.
מומלץ עבורך
- הערה: טקסט הקישור מוצג כאשר JavaScript מושבת
- משאבים בכתיבה
- נגישות במצב 'כתיבה'
- הטעינה של תמונות {:#loading-images}