Présentation
.NET MAUI vous permet de créer dynamiquement l’interface utilisateur d’une application à l’aide du code C#. Toutefois, il est parfois plus approprié et plus efficace de définir l’interface utilisateur de manière statique. Le langage XAML (Extensible Application Markup Language) permet de mettre en place l’interface utilisateur au moment de la compilation. La description XAML de l’interface utilisateur fournit également un degré de documentation, ce qui vous permet de saisir rapidement la façon dont l’interface utilisateur est présentée à un utilisateur sans avoir à parcourir le code de l’application.
Supposons que vous travaillez comme développeur mobile pour une compagnie d’électricité. Vous êtes responsable de l’amélioration de l’application mobile de l’entreprise que les ingénieurs utilisent quand ils visitent les locaux d’un client. Actuellement, l’interface utilisateur de l’application est développée à partir de code C#. Toutefois, vous commencez à remarquer qu’il est de plus en plus difficile de gérer les mises à jour de l’interface utilisateur. Cette difficulté est due à la complexité de l’application. Il devient de plus en plus difficile de comprendre la logique de comportement principale, car elle est mélangée avec le code d’interface utilisateur.
Vous souhaitez trouver une solution permettant de créer une séparation nette entre le code de l’interface utilisateur et le code du comportement. La séparation de l’interface utilisateur et du comportement permet à votre expert en conception de se concentrer sur ce qu’il fait le mieux, et vous avez le temps de vous concentrer sur le codage du comportement de l’application. .NET MAUI vous permet de définir votre interface utilisateur à l’aide du langage XAML. Le langage XAML vous permet de créer une séparation nette entre le code de l’interface utilisateur et celui du comportement. Le langage XAML facilite également le travail de l’expert en conception ainsi que l’utilisation des outils de conception. Dans ce module, vous allez apprendre à créer une application .NET MAUI qui définit ses pages et ses contrôles à l’aide du langage XAML au lieu de code C#. La création de l’interface utilisateur sur XAML vous permet de séparer tout votre code d’interface utilisateur de votre code de comportement pour faciliter la gestion des deux.
Objectifs d’apprentissage
Dans ce module, vous allez apprendre :
- Avantages de l’utilisation du langage XAML par rapport à la définition de l’IU d’une application .NET MAUI en C#.
- Comment créer des pages et des contrôles, et définir leurs propriétés en langage XAML.
- Comment gérer les événements d’IU et les connecter en langage XAML.
- Comment créer et utiliser des extensions de balisage XAML.
- Comment définir des valeurs spécifiques à la plateforme dans les balises XAML.
Prérequis
- Visual Studio 2022 avec la charge de travail .NET MAUI installée
- Facultatif : Visual Studio Code avec l’extension .NET MAUI et le SDK .NET avec la charge de travail .NET MAUI installés
- Connaissance de C# et de .NET
Impératifs à respecter pour le développement à l’aide de .NET MAUI
Pour créer des applications .NET MAUI avec .NET 8, vous devez installer Visual Studio version 17.8 ou ultérieure avec la charge de travail suivante installée :
- Développement .NET Multi-Platform App UI
De plus, si vous souhaitez générer des applications Blazor .NET MAUI, vous devez installer la charge de travail ASP.NET et la charge de travail de développement web.
Consultez la documentation pour une procédure pas à pas de l’installation.
Développement avec Visual Studio Code
Si vous développez sur macOS ou Linux, vous devez installer Visual Studio Code et l’extension .NET MAUI avec le Kit de développement logiciel (SDK).NET et la charge de travail MAUI .NET. Consultez la documentation pour une procédure pas à pas de l’installation.