התוכן הקומפוזבילי 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) )
חשוב לציין שלא צריך להשתמש ב-Icon
כדי לעבד את VectorDrawable
במסך, מתחת למכסה המנוע, Icon
משתמש ב-Modifier.paint(painterResource(R.drawable.ic_bus_stop)
) כדי לצייר את Icon
על המסך. מידע נוסף על כל הסמלים הזמינים זמין במסמכי העזרה בנושא סמלים.
מומלץ עבורך
- הערה: טקסט הקישור מוצג כש-JavaScript מושבת
- משאבים בכתיבה
- נגישות ב-Compose
- Loading images {:#loading-images}