Google, içerikleri tercih ettiğiniz dile çevirmek için yapay zeka teknolojisini kullanır. Yapay zeka çevirilerinde hata olabilir.

Resimler yükleniyor

Diskten resim yükleme

Ekranda grafik göstermek için Image composable'ını kullanın. Diskten bir resim (ör. PNG, JPEG, WEBP) veya vektör kaynağı yüklemek için resim referansınızla birlikte painterResource API'sini 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 contentDescription sağlayın. TalkBack, içerik açıklamasını okur. Bu nedenle, metnin sesli okunduğunda ve çevrildiğinde 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ılıyor. Ekranda yer alan görsel öğeniz yalnızca görsel amaçlıysa ekran okuyucunun yoksayması için contentDescription öğenizi null olarak ayarlayın.

Daha düşük düzeyde ImageBitmap işlevselliğe ihtiyacınız varsa bit eşlem 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.

Çizilebilir desteği

painterResource, aşağıdaki çizilebilir türleri destekler:

İnternetten resim yükleme

İnternetten resim yüklemek için işlemi gerçekleştirmenize yardımcı olacak çeşitli üçüncü taraf kitaplıkları mevcuttur. Resim yükleme kitaplıkları, zorlu işlerin çoğunu sizin yerinize yapar. Hem önbelleğe alma (böylece resmi birden fazla kez indirmezsiniz) hem de resmi indirip ekranda göstermek için ağ mantığını yönetirler.

Örneğin, Instacart'tan Coil ile bir 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