Resimler yükleniyor

Diskten resim yükleme

Ekranda grafik görüntülemek için Image bileşenini kullanın. Diskten resim (ör. PNG, JPEG, WEBP) veya vektör kaynağı yüklemek için resim referansınızı kullanarak 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 olmasını sağlamak için 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 bir stringResource() kullanılır. Ekrandaki görsel öğeniz yalnızca görsel dekorasyon içinse ekran okuyucunun bunu yoksaması için contentDescription öğenizi null olarak ayarlayın.

ImageBitmap'ye özgü daha düşük düzeyde işlevlere ihtiyacınız varsa bir Bitmap yüklemek için ImageBitmap.imageResource()'ü kullanabilirsiniz. ImageBitmap'ler hakkında daha fazla bilgi için ImageBitmap ve ImageVector karşılaştırması bölümünü okuyun.

Çizim desteği

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

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

İnternetten resim yükleme

İnternetten görüntü yüklemek için bu işlemi yapmanıza yardımcı olacak çeşitli üçüncü taraf kitaplıkları vardır. Resim yükleme kitaplıkları, sizin için çok sayıda zor işi yapar. Hem önbelleğe alma (resmi birden çok kez indirmemek için) hem de resmi indirip ekranda göstermek için ağ mantığını yönetirler.

Ö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

Spiral

Kotlin Coroutines tarafından desteklenen bir resim yükleme kitaplığı (Instacart).

Glide

Android için sorunsuz kaydırmaya odaklanan hızlı ve verimli bir resim yükleme kitaplığı (Google).