Icon composable, Materyal Tasarım yönergelerine uygun şekilde ekranda tek bir renk simgesi çizmenin kullanışlı bir yoludur. Icon işlevini kullanmak için Compose Material kitaplığını (veya Compose Material 3 kitaplığını) ekleyin.
Örneğin, Malzeme varsayılanlarıyla yüklemek istediğiniz bir çiziminiz varsa Icon composable'ı şu şekilde kullanabilirsiniz:
Icon( painter = painterResource(R.drawable.baseline_directions_bus_24), contentDescription = stringResource(id = R.string.bus_content_description) )
Varsayılan olarak Icon composable, LocalContentColor.current ile tonlanır 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 composable'ı kullanmalısınız.
Materyal Simgesi kitaplığı ayrıca, SVG'yi manuel olarak içe aktarmanıza gerek kalmadan Compose'da kullanılabilecek önceden tanımlanmış bir Icons grubu 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) )
Ekranda Icon öğesini çizmek için ekranda VectorDrawable
oluşturmak için Icon kullanılması gerekmediğini belirtmekte fayda vardır. Icon
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.
Sizin için önerilenler
- Not: JavaScript kapalıyken bağlantı metni gösterilir
- Oluşturma bölümündeki kaynaklar
- Oluşturma bölümünde erişilebilirlik
- Resimler yükleniyor {:#loading-images}