Materyal simgeleri

Icon composable, ekranda tek renkli simge çizmenin pratik bir yoludur Materyal Tasarım yönergelerine uygun olmalıdır. Icon özelliğini kullanmak için şunu ekleyin: Compose Material 3 kitaplığını (veya Compose Material 3 kitaplığını) kullanın.

Örneğin, yukarı doğru yüklemek istediğiniz bir çiziminiz varsa Malzeme varsayılanları, Icon composable'ı şu şekilde kullanabilirsiniz:

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

Varsayılan olarak Icon bileşimi LocalContentColor.current ile renklendirilir ve 24.dp boyutundadır. Ayrıca tint renk parametresini de gösterir (Resim tonu bölümünde açıklanan renklendirme mekanizmasından yararlanır). Icon bileşeni, küçük simge öğeleriyle kullanılmak üzere tasarlanmıştır. Daha fazla özelleştirme seçeneği için Image bileşenini kullanmanız gerekir.

Malzeme Simgesi kitaplığı, aynı zamanda önceden tanımlanmış bir dizi Icons içerir. manuel olarak bir SVG içe aktarılmasına gerek kalmadan Compose'da kullanılabilir. Çizim alışveriş sepetinin yuvarlatılmış hali :

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

Şekil 1: Simge içeren alışveriş sepeti vektörü

Ekranda bir VectorDrawable oluşturmak için Icon kullanılması gerekmez. Icon, ekranda Icon çizmek için Modifier.paint(painterResource(R.drawable.ic_bus_stop) kullanır. Mevcut tüm simgeler hakkında daha fazla bilgi için Simgeler dokümanlarına göz atın.