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 attributpainter
défini sur unpainterResource()
qui charge une image à partir des ressources de l'application. contentDescription
queTalkBack
peut lire pour rendre votre application plus accessible.- Un
stringResource()
pour charger la description du contenu traduit à partir du fichierstrings.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](https://developer.android.com/static/quick-guides/content/dog.png?hl=fr)
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:
![](https://developer.android.com/static/images/quick-guides/collection-illustration.png?hl=fr)