Resimler yükleniyor

Diskten görüntü yükleme

Ekranda grafik görüntülemek için Image composable'ı kullanın. Bir resmi yüklemek için (örneğin: PNG, JPEG, WEBP) veya diskten bir vektör kaynağı kullanmak için Resim referansınızla painterResource API. Türü bilmeniz gerekmez Image veya paint değiştiricilerinde painterResource kullanmanız yeterli.

DrawScope:

Image(
    painter = painterResource(id = R.drawable.dog),
    contentDescription = stringResource(id = R.string.dog_content_description)
)
LoadingImagesSnippets.kt

Uygulamanızın erişilebilir olduğundan emin olmak için bir contentDescription sağlayın. görsel öğelere yer verir. TalkBack, içerik açıklamasını okur. Böylece, metnin sesli okunup çevrilmişse anlamlı olmasını sağlamalıdır. Yukarıdaki örnekte, çevrilmiş içeriği yüklemek için stringResource() kullanılır. strings.xml dosyasındaki açıklamaları tanımlayın. Ekrandaki görsel öğeniz yalnızca görsel dekorasyona yönelik olarak, contentDescriptionnull görmezden gelmelerini sağlar.

ImageBitmap ürününe özgü daha düşük düzeyde işleve ihtiyacınız varsa Bit eşlem yüklemek için ImageBitmap.imageResource(). Daha fazla bilgi için ImageBitmaps için ImageBitmap ve ImageVector bölümünü okuyun.

Çekilebilir destek

painterResource şu anda aşağıdaki çekilebilir türlerini desteklemektedir:

• AnimatedVectorDrawable
• BitmapDrawable (PNG, JPG, WEBP)
• ColorDrawable
• VectorDrawable

İnternetten resim yükle

İnternetten görüntü yüklemek için çeşitli üçüncü taraf kitaplıklar vardır size bu süreci yönetmede yardımcı olacak bilgilerdir. Resim yükleme kitaplıkları birçok şey yapar sizin için ağır olan her iki önbelleği de işler (yani görüntü indirme ve görüntüleme için ağ mantığı ekranda görebilirsiniz.

Örneğin, bobin içeren bir resim yüklemek için kitaplığı gradle dosyanıza ekleyin ve AsyncImage kullanarak URL'den resim yükleyin:

AsyncImage(
    model = "https://example.com/image.jpg",
    contentDescription = "Translated description of what the image contains"
)
LoadingImagesSnippets.kt

Sizin için önerilenler

• Not: JavaScript kapalıyken bağlantı metni gösterilir
• Compose'daki kaynaklar
• Compose'da erişilebilirlik
• Compose'daki grafikler

ziyaret edin.