Icon
可组合项是一种遵循 Material Design 指南在屏幕上绘制单色图标的便捷方式。如需使用 Icon
,请添加 Compose Material 库(或 Compose Material 3 库)。
例如,如果您想使用 Material 默认设置向上加载矢量可绘制对象,就可以使用 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
可组合项。
Material 图标库还包含一组预定义的 Icons
,其无需手动导入 SVG,即可在 Compose 中使用。如需绘制购物车图标的圆角版本,请采用以下代码:
Icon( Icons.Rounded.ShoppingCart, contentDescription = stringResource(id = R.string.shopping_cart_content_desc) )
![带图标的购物车矢量](https://developer.android.google.cn/static/develop/ui/compose/images/graphics-shopping.png?authuser=5&hl=nb)
值得注意的是,并非必须使用 Icon
在屏幕上渲染 VectorDrawable
,Icon
在后台使用 Modifier.paint(painterResource(R.drawable.ic_bus_stop)
绘制 Icon
。如需详细了解所有可用的图标,请参阅图标文档。
为您推荐
- 注意:当 JavaScript 处于关闭状态时,系统会显示链接文字
- Compose 中的资源
- Compose 中的无障碍功能
- 加载图片 {:#loading-images}