Créer une application de notes WinUI 3

Cette série de tutoriels montre comment créer une application WinUI à l’aide de XAML et C#. L’application que vous allez créer est une application de note, où l’utilisateur peut créer, enregistrer et charger plusieurs notes. Vous pouvez télécharger ou afficher le code de ce didacticiel à partir du dépôt GitHub.

Commencez ici une fois que vous pouvez générer et exécuter un projet vide. Il s’agit d’une introduction pas à pas aux principes fondamentaux de WinUI 3 à l’aide de Visual Studio ; aucun assistant de codage IA ou kit de ressources MVVM n’est requis.

Dans ce tutoriel, vous allez apprendre à :

• Utilisez le balisage XAML pour définir l’interface utilisateur de l’application.
• Interagir avec des éléments XAML via du code C#.
• Enregistrez et chargez des fichiers à partir du système de fichiers local.
• Créer des vues et les lier à des données.
• Utilisez la navigation pour vous déplacer vers et depuis des pages de l’application.
• Utilisez des ressources telles que la documentation et les exemples d’applications pour créer votre propre application.

Vous allez créer une application que vous pouvez utiliser pour entrer une note et l’enregistrer dans le stockage d’applications local. L’application aura deux pages :

• NotePage - page permettant de modifier une seule note.
• AllNotesPage - page pour afficher toutes les notes enregistrées.

L’application finale est indiquée ci-dessous :

AllNotesPage

NotePage

Créer le Visual Studio project

Suivez le chemin d’accès Visual Studio dans le guide de démarrage rapide : Créer et exécuter un projet WinUI 3 pour l’installation de l’outil et la création de projet. Utilisez un projet C# empaqueté avec ces paramètres spécifiques au tutoriel :

• Nom du projet

  Sa valeur doit être WinUINotes. Si le project est nommé autre chose, le code que vous copiez et collez à partir de ce didacticiel peut entraîner des erreurs de génération. Cela est dû au fait que Visual Studio utilise le nom project comme namespace par défaut pour le code de votre application.

• Kit de développement logiciel (SDK) pour application Windows

  Ce tutoriel utilise des fonctionnalités disponibles dans SDK d'application Windows version 1.7 et ultérieure. Vérifiez que le package NuGet SDK d'application Windows est mis à jour vers la version 1.7 ou ultérieure.

Créez et lancez le projet vide WinUINotes avant de continuer. Vous devez voir une fenêtre vide qui ressemble à ceci :

Conseil / Astuce

Vous allez fréquemment faire référence à des documents de référence d’API et à des documents conceptuels lors de la création d’applications Windows. Dans ce didacticiel, vous verrez des liens inline dans le texte et dans des groupes étiquetés « En savoir plus dans la documentation : ». Ces liens sont facultatifs ; vous n’avez pas besoin de les suivre pour suivre le didacticiel. Elles sont fournies au cas où vous souhaitez noter où trouver les informations dont vous aurez besoin lorsque vous commencez à créer vos propres applications.

Continue à l’étape 1 - configuration de Project