Materyal simgeleri

Icon bileşeni, ekranda Materyal Tasarım yönergelerine uygun tek renkli bir simge çizmenin kullanışlı bir yoludur. Icon işlevini 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 vektör çizilebilir öğeniz varsa Icon bileşenini 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 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.

Materyal simge kitaplığı, SVG'yi manuel olarak içe aktarmak zorunda kalmadan Oluştur'da kullanılabilecek önceden tanımlanmış bir Icons grubu da içerir. Alışveriş sepeti simgesinin yuvarlatılmış sürümünü ç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ü

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.