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

Компонуемый 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

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

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

Рекомендуется для вас

• Примечание. Текст ссылки отображается, когда JavaScript отключен.
• Ресурсы в Compose
• Доступность в Compose
• Загрузка изображений {:#loading-images}

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