Icon
composable یک راه راحت برای کشیدن یک نماد تک رنگ بر روی صفحه است که از دستورالعمل های طراحی متریال پیروی می کند. برای استفاده از Icon
، کتابخانه Compose Material (یا کتابخانه Compose Material 3 ) را اضافه کنید.
به عنوان مثال، اگر یک نقشه برداری برداری داشتید که می خواستید با پیش فرض های Material بارگذاری کنید، می توانید از Icon
composable به صورت زیر استفاده کنید:
Icon( painter = painterResource(R.drawable.baseline_directions_bus_24), contentDescription = stringResource(id = R.string.bus_content_description) )
به طور پیش فرض، Icon
composable با LocalContentColor.current
رنگ آمیزی شده است و اندازه آن 24.dp
است. همچنین یک پارامتر رنگ tint
را نشان می دهد (که از همان مکانیسمی که در بخش tint تصویر توضیح داده شده است برای رنگ آمیزی استفاده می کند). Icon
composable برای استفاده برای عناصر آیکون کوچک در نظر گرفته شده است. برای سفارشی سازی بیشتر باید از Image
composable استفاده کنید.
کتابخانه Material Icon همچنین شامل مجموعه ای از Icons
از پیش تعریف شده است که می توانند در Compose بدون نیاز به وارد کردن SVG به صورت دستی استفاده شوند. برای ترسیم نسخه گرد نماد سبد خرید :
Icon( Icons.Rounded.ShoppingCart, contentDescription = stringResource(id = R.string.shopping_cart_content_desc) )
![وکتور سبد خرید با نماد](https://developer.android.com/static/develop/ui/compose/images/graphics-shopping.png?authuser=0&hl=fa)
شایان ذکر است که برای رندر کردن VectorDrawable
روی صفحه، نیازی به استفاده از Icon
نیست، زیر کاپوت، Icon
از Modifier.paint(painterResource(R.drawable.ic_bus_stop)
) برای ترسیم Icon
روی صفحه استفاده می کند. برای اطلاعات بیشتر در مورد تمام نمادهای موجود، نگاهی به مستندات نمادها بیندازید.
برای شما توصیه می شود
- توجه: متن پیوند زمانی که جاوا اسکریپت خاموش است نمایش داده می شود
- منابع در Compose
- قابلیت دسترسی در نوشتن
- در حال بارگذاری تصاویر {:#loading-images}