.net Maui Shell Example

5 min read Jun 04, 2024
.net Maui Shell Example

Démarrez avec .NET MAUI Shell : Un exemple simple

.NET MAUI Shell est un framework puissant pour créer des applications multiplateformes modernes avec .NET MAUI. Il fournit une structure d'application robuste, simplifie la navigation et améliore l'expérience utilisateur. Dans cet article, nous allons explorer un exemple simple de .NET MAUI Shell pour vous aider à démarrer.

Configuration de l'environnement

Avant de commencer, assurez-vous d'avoir installé les outils nécessaires :

  • .NET 7 SDK : Téléchargez et installez le SDK .NET 7 depuis le site web officiel.
  • Visual Studio : Téléchargez et installez Visual Studio avec la charge de travail .NET MAUI.

Création d'un projet .NET MAUI Shell

  1. Ouvrez Visual Studio et sélectionnez Créer un projet.
  2. Dans la liste des modèles, choisissez .NET MAUI App (Shell) et cliquez sur Suivant.
  3. Nommez votre projet (par exemple, MyMauiShellApp) et cliquez sur Créer.

Structure de base du projet

Le projet créé comprend les fichiers suivants :

  • App.xaml: Définit l'application principale et la page de démarrage.
  • App.xaml.cs: Le code-behind pour App.xaml.
  • MauiProgram.cs: Point d'entrée de l'application.
  • Shell.xaml: Définit la structure de l'application Shell.
  • Shell.xaml.cs: Le code-behind pour Shell.xaml.
  • Views: Contient les vues de l'application (HomePage.xaml, AboutPage.xaml, etc.).

Configuration du Shell

Le fichier Shell.xaml définit la structure de l'application Shell. Voici un exemple simple :



    
        

    
        
            
        
        
            
        
    


Ce code définit deux pages de navigation : Accueil et À propos, chacune avec un titre, une icône et une route. La route / correspond à la page de démarrage.

Création des vues

Créez des fichiers XAML pour les vues HomePage et AboutPage dans le dossier Views.

HomePage.xaml:



    

AboutPage.xaml:



    

Exécution de l'application

Une fois les fichiers créés et configurés, vous pouvez exécuter l'application. Cliquez sur le bouton Démarrer dans Visual Studio pour lancer l'application.

Conclusion

Cet exemple simple vous a présenté les bases de .NET MAUI Shell. Vous pouvez maintenant utiliser Shell pour créer des applications .NET MAUI multiplateformes avec une navigation fluide et intuitive. N'oubliez pas d'explorer les autres fonctionnalités de Shell comme les menus, les tab-bars et les actions.

Featured Posts