نمادهای مواد

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)
)
MaterialIconsSnippets.kt

به طور پیش فرض، 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)
)
MaterialIconsSnippets.kt

شکل 1 : وکتور سبد خرید با نماد

شایان ذکر است که برای رندر کردن VectorDrawable روی صفحه، نیازی به استفاده Icon نیست، زیر کاپوت، Icon از Modifier.paint(painterResource(R.drawable.ic_bus_stop) ) برای ترسیم Icon روی صفحه استفاده می کند. برای اطلاعات بیشتر در مورد تمام نمادهای موجود، نگاهی به مستندات نمادها بیندازید.

{% کلمه به کلمه %} {% آخر کلمه %}