.net Maui Image

3 min read Jun 04, 2024
.net Maui Image

.NET MAUI : Afficher des images avec style et simplicité

.NET MAUI (Multi-plateforme App UI) offre une multitude d'options pour afficher des images dans vos applications mobiles. Que vous souhaitiez intégrer des images statiques, des images provenant de ressources ou des images téléchargées, .NET MAUI vous fournit les outils nécessaires pour le faire facilement et efficacement.

Affichage d'images statiques

Pour afficher une image statique à partir de votre projet, utilisez l'élément Image de XAML. Vous pouvez spécifier la source de l'image en utilisant l'attribut Source.


Dans cet exemple, l'image "mon_image.png" se trouve dans le dossier "images" de votre projet.

Images provenant de ressources

.NET MAUI vous permet également d'afficher des images intégrées à votre projet en tant que ressources. Pour cela, ajoutez l'image à votre projet et définissez sa Build Action sur EmbeddedResource. Vous pouvez ensuite l'afficher en utilisant l'attribut Source de l'élément Image.


Remplacez "Resources" par le nom du dossier contenant votre image.

Images téléchargées

Si vous avez besoin d'afficher des images téléchargées depuis un serveur, vous pouvez utiliser la classe HttpClient pour télécharger l'image et ensuite l'afficher à l'aide de l'élément Image.

public async Task LoadImageAsync(string imageUrl)
{
    using var client = new HttpClient();
    var imageStream = await client.GetStreamAsync(imageUrl);
    image.Source = ImageSource.FromStream(() => imageStream);
}

Dans ce code, imageUrl représente l'URL de l'image à télécharger.

Conclusion

.NET MAUI vous offre une grande flexibilité pour afficher des images dans vos applications. Que vous travailliez avec des images statiques, des ressources ou des images téléchargées, les outils mis à votre disposition vous permettent de le faire de manière simple et efficace.

N'hésitez pas à explorer les différentes options offertes par .NET MAUI pour trouver la solution la mieux adaptée à vos besoins.