Resim yükleme ve görüntüleme

Uygulamanızda içerik ve kullanıcı işlemlerine verilen yanıtlar için resim göstermek istiyorsanız resimleri diskten veya internetteki harici bir kaynaktan yükleyin. Resimleri aşağıdaki yöntemlerle yükleyebilirsiniz:

  • Diskten
  • Coil kullanan bir ağdan
  • Glide kullanan bir ağdan

Sonuçlar

Köpek resmi
Şekil 1. Bir resim yüklenip gösterildiğinde.

Sürüm uyumluluğu

Bu uygulama, projenizin minSDK'sının API düzeyi 21 veya sonraki sürümlere ayarlanmasını gerektirir.

Diskten resim yükleme

İçerik için uygulamanızda göstermek ve kullanıcı işlemlerine yanıt vermek üzere diskte yerel olarak depolanan resimleri yükleyebilirsiniz.

Bağımlılıklar

Resmi yükleme

Diskte yerel olarak depolanan bir resmi uygulamanızda göstermek için aşağıdaki kodu kullanın:

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

Kodla ilgili önemli noktalar

  • Uygulama kaynaklarından bir resim yükleyen painterResource() olarak ayarlanmış bir painter özelliğine sahip tanımlanmış bir Compose Image nesnesi.
  • Uygulamanızı daha erişilebilir hale getirmek için contentDescription TalkBack okuyabilir.
  • strings.xml dosyasından çevrilmiş içerik açıklamasını yüklemek için stringResource().

Ağ üzerinden resim yükleme

Coil veya Glide kullanarak internette harici olarak depolanan görüntüleri yükleyebilirsiniz. Projenizde hangi kitaplığı kullanacağınızı seçerken proje gereksinimleri ve performans kısıtlamaları gibi faktörleri göz önünde bulundurun.

Coil kullanarak resim yükleme

Üçüncü taraf kitaplığı olan Coil'i kullanarak internetten resim yükleyebilirsiniz. Coil, Kotlin coroutines tarafından desteklenir ve görüntüyü ana iş parçacığından yüklemekten ve yüklendikten sonra görüntülemekten sorumludur. Coil'i kullanarak internetten resim yüklemek için bu kılavuzu inceleyin.

Bağımlılıklar

Resmi yükleme

Coil kullanarak resimleri yüklemek için aşağıdaki kodu kullanın:

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

Glide kullanarak resim yükleme

Uygulamanızın feed'inde göstermek için Glide'ı kullanarak internette harici olarak depolanan resimleri yükleyebilirsiniz. Glide, Android için hızlı ve verimli bir resim yükleme kitaplığıdır. Sorunsuz kaydırmaya odaklanır, resmin yüklenmesini ana iş parçacığından uzaklaştırır ve yüklendikten sonra görüntüler.

Bağımlılıklar

Resmi yükleme

Glide kullanarak resimleri yüklemek için aşağıdaki kodu kullanın:

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

Bu rehberi içeren koleksiyonlar

Bu kılavuz, daha kapsamlı Android geliştirme hedeflerini ele alan aşağıdaki seçilmiş Hızlı Kılavuz koleksiyonlarının bir parçasıdır:

Android uygulamanıza güzel bir görünüm ve tarz kazandırmak için parlak ve ilgi çekici görseller kullanma tekniklerini keşfedin.

Sorularınız veya geri bildiriminiz mi var?

Sık sorulan sorular sayfamıza giderek hızlı kılavuzlar hakkında bilgi edinebilir veya düşüncelerinizi bize iletebilirsiniz.