Materialsymbole

Die zusammensetzbare Funktion Icon ist eine bequeme Möglichkeit, ein einfarbiges Symbol auf dem Bildschirm zu zeichnen die den Material Design-Richtlinien entspricht. Um Icon zu verwenden, fügen Sie Compose Material-Bibliothek (oder Compose Material 3-Bibliothek) aufrufen.

Wenn Sie beispielsweise ein Vektor-Drawable haben, das Sie mit Material-Standardeinstellungen können Sie die zusammensetzbare Funktion Icon so verwenden:

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

Die zusammensetzbare Funktion Icon ist standardmäßig mit LocalContentColor.current und ist 24.dp groß. Außerdem ist der Farbparameter tint verfügbar, mit dem denselben Mechanismus zum Färben, wie im Abschnitt Bildfärbung beschrieben. Die zusammensetzbare Funktion Icon ist für kleine Symbolelemente vorgesehen. Ich sollten Sie für weitere Anpassungsoptionen die zusammensetzbare Funktion Image verwenden.

Die Material Icon-Bibliothek enthält auch eine Reihe vordefinierter Icons-Elemente, die können in Compose verwendet werden, ohne dass ein SVG manuell importiert werden muss. Um das Symbol abgerundete Version des Warenkorbs Symbol:

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

<ph type="x-smartling-placeholder">

</ph>

Icon ist nicht erforderlich, um eine VectorDrawable auf dem Display, unter der Motorhaube, Icon verwendet Modifier.paint(painterResource(R.drawable.ic_bus_stop)), um Icon zu zeichnen Bildschirm. Weitere Informationen zu den verfügbaren Symbolen finden Sie in der Icons-Dokumentation

Empfehlungen für dich

• Hinweis: Der Linktext wird angezeigt, wenn JavaScript deaktiviert ist.
• Ressourcen in „Compose“
• Bedienungshilfen in „Compose“
• Bilder werden geladen {:#loading-images}