Bu sayfa, Cloud Translation API ile çevrilmiştir.

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. Yalnızca Image veya paint değiştiricilerinde painterResource kullanın.

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, stringResource() dosyasından çevrilmiş içerik açıklamasını yüklemek için stringResource() kullanılıyor.strings.xml 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 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.

Çizilebilir destek

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

İnternetten resim yükleme

İnternetten bir resim yüklemek için süreci yönetmenize yardımcı olacak çeşitli üçüncü taraf kitaplıkları vardır. Resim yükleme kitaplıkları, sizin için birçok zorlu görevi üstlenir. Hem önbelleğe alma (böylece resmi birden çok kez indirmezsiniz) hem de resmi indirip ekranda göstermek için ağ oluşturma mantığını yönetir.

Örneğin, Instacart'tan Coil ile bir resim yüklemek için kitaplığı gradle dosyanıza ekleyin ve 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