Material 圖標(biāo) ?|? Jetpack Compose ?|? Android Developers (google.cn)

Icon?可組合項(xiàng)是一種遵循?Material Design 指南在屏幕上繪制單色圖標(biāo)的便捷方式。如需使用?Icon，請(qǐng)?zhí)砑?Compose Material?庫(kù)（或?Compose Material 3?庫(kù)）。

例如，如果您想使用 Material 默認(rèn)設(shè)置向上加載矢量可繪制對(duì)象，就可以使用?Icon?可組合項(xiàng)，如下所示：

Icon(
? ? painter = painterResource(R.drawable.baseline_directions_bus_24),
? ? contentDescription = stringResource(id = R.string.bus_content_description)
)

默認(rèn)情況下，Icon?可組合項(xiàng)使用?LocalContentColor.current?進(jìn)行色調(diào)調(diào)節(jié)，大小為?24.dp。此外，它還公開了?tint?顏色參數(shù)（其采用的色調(diào)調(diào)節(jié)機(jī)制與圖片色調(diào)調(diào)節(jié)部分中所述的機(jī)制相同）。?Icon?可組合項(xiàng)適用于小圖標(biāo)元素。如需實(shí)現(xiàn)更多自定義選項(xiàng)，則應(yīng)使用?Image?可組合項(xiàng)。

Material 圖標(biāo)庫(kù)還包含一組預(yù)定義的?Icons，其無需手動(dòng)導(dǎo)入 SVG，即可在 Compose 中使用。如需繪制購(gòu)物車圖標(biāo)的圓角版本，請(qǐng)采用以下代碼：

Icon(
? ? Icons.Rounded.ShoppingCart,
? ? contentDescription = stringResource(id = R.string.shopping_cart_content_desc)
)

值得注意的是，并非必須使用?Icon?在屏幕上渲染?VectorDrawable，Icon?在后臺(tái)使用?Modifier.paint(painterResource(R.drawable.ic_bus_stop)?繪制?Icon。如需詳細(xì)了解所有可用的圖標(biāo)，請(qǐng)參閱圖標(biāo)文檔。