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)
)
Varsayılan olarak, Icon composable'ın tonlaması LocalContentColor.current ve
boyutu 24.dp. Ayrıca bir tint renk parametresi sunar (
tonlama için Resim tonu bölümünde açıklanan mekanizmanın aynısını kullanın).
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)
)
Ş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.
Sizin için önerilenler
- Not: JavaScript kapalıyken bağlantı metni gösterilir
- Compose'daki kaynaklar
- Compose'da erişilebilirlik
- Resimler yükleniyor {:#loading-images}