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)
)
MaterialIconsSnippets.kt

默认情况下，Icon 可组合项使用 LocalContentColor.current 着色，大小为 24.dp。它还公开了一个 tint 颜色参数（它利用与 图像色调 部分中描述的相同的色调机制）。Icon 可组合项旨在用于小型图标元素。对于更多自定义选项，您应该使用 Image 可组合项。

Material Icon 库 还包含一组预定义的 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。有关所有可用图标的更多信息，请查看 Icons 文档。

推荐给您

• 注意：当 JavaScript 关闭时，将显示链接文本
• Compose 中的资源
• Compose 中的无障碍功能
• 加载图像 {:#loading-images}