Mit dem Icon-Composit können Sie auf dem Bildschirm ein einfarbiges Symbol zeichnen, das den Material Design-Richtlinien entspricht. Wenn Sie Icon verwenden möchten, fügen Sie die Bibliothek Compose Material (oder die Bibliothek Compose Material 3) ein.
Wenn Sie beispielsweise ein Vektor-Zeichnen haben, das Sie mit Material-Standards laden möchten, können Sie das Icon-Kompositelement so verwenden:
Icon( painter = painterResource(R.drawable.baseline_directions_bus_24), contentDescription = stringResource(id = R.string.bus_content_description) )
Standardmäßig ist das Icon-Element mit LocalContentColor.current getönt und hat eine Größe von 24.dp. 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. So zeichnen Sie die abgerundete Version des Einkaufswagensymbols:
Icon( Icons.Rounded.ShoppingCart, contentDescription = stringResource(id = R.string.shopping_cart_content_desc) )
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
- Barrierefreiheit in Compose
- Bilder werden geladen {:#loading-images}