Значки материалов

Компонуемый Icon — это удобный способ нарисовать на экране значок одного цвета в соответствии с рекомендациями Material Design . Чтобы использовать Icon , подключите библиотеку Compose Material (или библиотеку Compose Material 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 для получения дополнительных возможностей настройки.

Библиотека значков материалов также включает набор предопределенных Icons , которые можно использовать в Compose без необходимости импортировать SVG вручную. Чтобы нарисовать закругленную версию значка корзины для покупок :

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

Рисунок 1 : Вектор корзины для покупок со значком

Стоит отметить, что не обязательно использовать Icon для рендеринга VectorDrawable на экране, под капотом Icon использует Modifier.paint(painterResource(R.drawable.ic_bus_stop) ) для рисования Icon на экране. Дополнительную информацию обо всех доступных значках можно найти в документации по значкам .

{% дословно %} {% дословно %}