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

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

  • Diskten
  • Coil'i kullanarak bir ağdan
  • Glide'ı kullanan bir ağdan

Sürüm uyumluluğu

Bu uygulama için projenizin minSDK değerinin API düzeyi 21 veya üstü olarak ayarlanması gerekir.

Diskten resim yükleme

Yerel olarak depolanan resimleri diskten yükleyerek uygulamanızda içerik olarak gösterebilir ve kullanıcı işlemlerine yanıt verebilirsiniz.

Bağımlılıklar

Resmi yükleme

Uygulamanızda görüntülemek için yerel olarak depolanan bir resmi diskten yüklemek üzere 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 resim yükleyen painterResource() değerine ayarlanmış bir painter özelliğine sahip, tanımlanmış bir Oluştur Image nesnesi.
  • Uygulamanızı daha erişilebilir hale getirmek için TalkBack tarafından okunabilen bir contentDescription.
  • Çevrilmiş içerik açıklamasını strings.xml dosyasından yüklemek için bir stringResource().

Ağ üzerinden resim yükleme

Coil veya Glide'ı kullanarak internette harici olarak depolanan resimleri yükleyebilirsiniz. Projeniz için hangi kitaplığın kullanılacağını seçerken proje gereksinimleri ve performans kısıtlamaları gibi faktörleri göz önünde bulundurun.

Coil'i kullanarak resim yükleme

Üçüncü taraf kitaplığı olan Coil'i kullanarak internetten resim yükleyebilirsiniz. Coil, Kotlin coroutine'leri tarafından desteklenir ve resmi ana iş parçacığında yükleme sorumluluğunu üstlenir ve yüklendikten sonra görüntüyü gösterir. Coil'i kullanarak internetten resim yüklemek için bu kılavuzu uygulayın.

Bağımlılıklar

Resmi yükleme

Coil'i kullanarak resim 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

Glide'ı kullanarak internette harici olarak depolanan resimleri yükleyip uygulamanızın feed'inde gösterebilirsiniz. Glide, Android için sorunsuz kaydırmaya odaklanan hızlı ve verimli bir resim yükleme kitaplığıdır. Resmi ana iş parçacığında yükleme sorumluluğunu üstlenir ve yüklendikten sonra görüntüler.

Bağımlılıklar

Resmi yükleme

Glide'ı kullanarak resim 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"
)

Sonuçlar

Köpek resmi
Şekil 1. Yüklenen ve görüntülenen bir resim.

Bu kılavuzu içeren koleksiyonlar

Bu kılavuz, daha geniş Android geliştirme hedeflerini kapsayan, özel olarak seçilmiş Hızlı Kılavuz koleksiyonlarından biridir:

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

Sorularınız veya geri bildiriminiz mi var?

Sık sorulan sorular sayfamıza giderek kısa kılavuzlar hakkında bilgi edinebilir veya bize ulaşarak düşüncelerinizi bizimle paylaşabilirsiniz.