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 composable'ın tonlaması LocalContentColor.current ve boyutu 24.dp. Ayrıca tint renk parametresini de gösterir (Resim tonu bölümünde açıklanan renklendirme mekanizmasından yararlanır). Icon composable, küçük simge öğeleri için kullanılmak üzere tasarlanmıştır. Siz Daha fazla özelleştirme seçeneği için Image composable'ı kullanmalıdır.

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ü

Şunu belirtmek gerekir: Oluşturmak için Icon Ekranda VectorDrawable var, arka planda Icon şunları kullanıyor: Modifier.paint(painterResource(R.drawable.ic_bus_stop)) ile Icon simgesini çizin tıklayın. Kullanılabilir tüm simgeler hakkında daha fazla bilgi için Simgelerle ilgili belgeler.