Material 图标

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)
)

带图标的购物车矢量
图 1:带图标的购物车矢量

值得注意的是,并非必须使用 Icon 在屏幕上渲染 VectorDrawableIcon 在后台使用 Modifier.paint(painterResource(R.drawable.ic_bus_stop) 绘制 Icon。如需详细了解所有可用的图标,请参阅图标文档