Charger et afficher des images

Pour afficher des images dans votre application pour le contenu et les réponses aux actions des utilisateurs, chargez les images à partir du disque ou d'une source externe sur Internet. Vous pouvez charger des images de différentes manières:

  • À partir du disque
  • À partir d'un réseau utilisant Coil
  • Depuis un réseau utilisant Glide

Compatibilité des versions

Cette implémentation nécessite que la version minimale du SDK de votre projet soit définie sur le niveau d'API 21 ou supérieur.

Charger une image à partir du disque

Vous pouvez charger des images stockées localement à partir du disque pour les afficher dans votre application pour le contenu et pour répondre aux actions des utilisateurs.

Dépendances

Charger l'image

Utilisez le code suivant pour charger une image stockée localement à partir du disque et l'afficher dans votre application:

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

Points clés concernant le code

  • Objet Image Compose défini avec un attribut painter défini sur un painterResource() qui charge une image à partir des ressources de l'application.
  • contentDescription que TalkBack peut lire pour rendre votre application plus accessible.
  • Un stringResource() pour charger la description du contenu traduit à partir du fichier strings.xml.

Charger une image via le réseau

Vous pouvez charger des images stockées en externe sur Internet à l'aide de Coil ou de Glide. Pour choisir la bibliothèque à utiliser pour votre projet, tenez compte de facteurs tels que les exigences du projet et les contraintes de performances.

Charger une image à l'aide de Coil

Vous pouvez charger des images depuis Internet à l'aide de Coil, une bibliothèque tierce. Coil est compatible avec les coroutines Kotlin. Il se charge de charger l'image en dehors du thread principal et de l'afficher une fois qu'elle est chargée. Suivez ces conseils pour charger des images depuis Internet à l'aide de Coil.

Dépendances

Charger l'image

Utilisez le code suivant pour charger des images à l'aide de Coil:

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

Charger une image à l'aide de Glide

Vous pouvez charger des images stockées en externe sur Internet à l'aide de Glide pour les afficher dans le flux de votre application. Glide est une bibliothèque de chargement d'images rapide et efficace pour Android axée sur le défilement fluide. Elle se charge de charger l'image en dehors du thread principal et de l'afficher une fois chargée.

Dépendances

Charger l'image

Utilisez le code suivant pour charger des images à l'aide de Glide:

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

Résultats

Image d'un chien
Figure 1. Image chargée et affichée.

Collections contenant ce guide

Ce guide fait partie de ces collections de guides rapides sélectionnées qui couvrent des objectifs de développement Android plus larges:

Découvrez des techniques pour utiliser des visuels lumineux et attrayants afin de donner à votre application Android une belle apparence.

Vous avez des questions ou des commentaires ?

Consultez notre page des questions fréquentes et découvrez les guides rapides, ou contactez-nous pour nous faire part de vos commentaires.