Компонуемый 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) )
По умолчанию составной Icon
окрашен с помощью LocalContentColor.current
и имеет размер 24.dp
Он также предоставляет параметр цвета tint
(который использует тот же механизм оттенка, который описан в разделе «Оттенок изображения» ). Компонуемый Icon
предназначен для использования с небольшими элементами значков. Вам следует использовать компонуемое Image
для получения дополнительных возможностей настройки.
Библиотека значков материалов также включает набор предопределенных 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=8&hl=ru)
Стоит отметить, что не обязательно использовать Icon
для рендеринга VectorDrawable
на экране, под капотом Icon
использует Modifier.paint(painterResource(R.drawable.ic_bus_stop)
) для рисования Icon
на экране. Дополнительную информацию обо всех доступных значках можно найти в документации по значкам .
Рекомендуется для вас
- Примечание. Текст ссылки отображается, когда JavaScript отключен.
- Ресурсы в Compose
- Доступность в Compose
- Загрузка изображений {:#loading-images}