Resimler yükleniyor

Diskten görüntü yükleme

Ekranda grafik görüntülemek için Image composable'ı kullanın. Diskten resim (ör. PNG, JPEG, WEBP) veya vektör kaynağı yüklemek için resim referansınızla painterResource API'yi kullanın. Öğenin türünü bilmeniz gerekmez. Image veya paint değiştiricilerinde painterResource kullanmanız yeterlidir.

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 amacıyla ekrandaki görsel öğeler için bir contentDescription sağlayın. TalkBack, içerik açıklamasını okuduğu için metnin sesli okunup çevrilmişse anlamlı olduğundan emin olmanız gerekir. Yukarıdaki örnekte, strings.xml dosyasından çevrilmiş içerik açıklamasını yüklemek için stringResource() kullanılmıştır. Ekrandaki görsel öğeniz tamamen görsel süsleme amaçlıysa ekran okuyucunun bunu görmezden gelmesi için contentDescription öğenizi null olarak ayarlayın.

Daha düşük düzeyde ImageBitmap işlevine ihtiyacınız varsa Bit eşlem yüklemek için ImageBitmap.imageResource() öğesini kullanabilirsiniz. ImageBitmaps hakkında daha fazla bilgi 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 bu işlemi gerçekleştirmenize yardımcı olacak çeşitli üçüncü taraf kitaplıkları vardır. Görüntü yükleme kitaplıkları, işin büyük kısmını sizin yerinize halleder. Hem önbelleğe alma (böylece görüntüyü birden fazla kez indiremezsiniz) hem de ağ mantığını kullanarak resmi indirir ve ekranda görüntüler.

Örneğin, Instacart'tan Coil ile resim yüklemek için kitaplığı gradle dosyanıza ekleyin ve bir URL'den resim yüklemek için AsyncImage kullanın:

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