Présentation
Les panneaux de disposition de .NET MAUI vous aident à créer des interfaces utilisateur cohérentes pour votre application sur un grand nombre d’appareils.
Supposons que vous créez une application de calculatrice de pourboire à déployer sur de nombreux ordinateurs et appareils. Chaque appareil a potentiellement une taille d’écran et une densité de pixels différentes. Votre objectif est de faire en sorte que l’application ait l’apparence la plus similaire possible sur tous les appareils. Vous voulez éviter de calculer manuellement la taille et la position de la vue pour chaque taille d’écran. .NET MAUI inclut un système de gestion de disposition qui effectue ces calculs pour vous. Vous placez vos vues dans des panneaux de disposition qui gèrent automatiquement la taille et la position de leurs vues enfants. Avec les panneaux, vous créez très facilement des interfaces utilisateur cohérentes sur des appareils différents.
Dans ce module, vous créez une application .NET MAUI avec une apparence similaire sur différents appareils. Vous commencez par définir la taille et la position par défaut d’une vue. Ensuite, vous organisez les vues verticalement à l’aide de StackLayout. Puis vous placez les vues dans des lignes et des colonnes à l’aide d’une Grid. À la fin du module, vous avez une application .NET MAUI avec une apparence similaire sur chaque type d’appareil et taille d’écran.
Objectifs d’apprentissage
Dans ce module, vous allez :
- Organiser les éléments d’interface utilisateur d’une application et définir leur taille.
- Afficher les vues dans une liste verticale ou horizontale avec
StackLayout. - Afficher les vues en lignes et en colonnes avec
Grid.
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.