Charger et afficher des images

Pour afficher des images dans votre application pour le contenu et pour les réponses aux actions de l'utilisateur, chargez-les à 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 à l'aide de Coil
• À partir d'un réseau à l'aide de Glide

Résultats

Compatibilité des versions

Cette implémentation nécessite que le minSDK de votre projet soit défini 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 de l'utilisateur.

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)
)
LoadingImagesSnippets.kt

Points essentiels concernant le code

• Un objet Compose Image défini avec un attribut painter défini sur un painterResource() qui charge une image à partir des ressources de l'application.
• Une 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 sur 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 à partir d'Internet à l'aide de Coil, une bibliothèque tierce. Coil est basé sur les coroutines Kotlin et se charge de charger l'image en dehors du thread principal et de l'afficher une fois chargée. Suivez ces instructions pour charger des images à partir d'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"
)
LoadingImagesSnippets.kt

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"
)
LoadingImagesSnippets.kt

Collections contenant ce guide

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

Afficher les images

Découvrez des techniques permettant d'utiliser des visuels lumineux et attrayants pour donner à votre application Android une apparence agréable.

Collection de guides rapides

Questions ou commentaires

Consultez notre page de questions fréquentes pour en savoir plus sur les guides rapides ou contactez-nous pour nous faire part de vos commentaires.

Accéder aux questions fréquentes Laisser un commentaire