Materyal simgeleri

Icon composable, ekranda Materyal Tasarım yönergelerine uygun tek bir renk simgesi çizmenin kolay bir yoludur. Icon kullanmak için Compose Material kitaplığını (veya Compose Material 3 kitaplığını) ekleyin.

Örneğin, Material varsayılanlarıyla yüklemek istediğiniz bir çekim vektörünüz varsa Icon composable'ı aşağıdaki gibi kullanabilirsiniz:

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

Varsayılan olarak Icon composable, LocalContentColor.current ile renklendirilir ve 24.dp boyutundadır. Ayrıca, bir tint renk parametresi de gösterir (bu mekanizma, Resim tonlaması bölümünde açıklanan tonlama mekanizmasından yararlanır). Icon composable, küçük simge öğelerinde kullanılmak üzere tasarlanmıştır. Daha fazla özelleştirme seçeneği için Image composable'ı kullanmalısınız.

Malzeme Simgesi kitaplığı, SVG'nin manuel olarak içe aktarılmasına gerek kalmadan Compose'da kullanılabilecek önceden tanımlanmış Icons grubunu da içerir. Alışveriş sepeti simgesinin yuvarlak halini çizmek için:

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ü

Icon, ekranda Icon çizmek için ekranda bir VectorDrawable oluşturmak için, gelişmiş özelliklerin altında Modifier.paint(painterResource(R.drawable.ic_bus_stop) kullanır) Icon kullanmak zorunda değildir. Mevcut tüm simgeler hakkında daha fazla bilgi için Simgeler dokümanlarına göz atın.