Partager via

Vue d’ensemble de l’interpréteur de commandes .NET MAUI

  • Article

Browse sample. Parcourir l’exemple

.NET MAUI Shell (.NET Multi-platform App UI) réduit la complexité du développement d’applications en fournissant les fonctionnalités fondamentales dont la plupart des applications ont besoin, à savoir :

  • Un emplacement unique pour décrire la hiérarchie visuelle d’une application.
  • Une expérience utilisateur de navigation commune.
  • Un schéma de navigation basé sur l’URI qui permet de naviguer vers n’importe quelle page de l’application.
  • Un gestionnaire de recherche intégré.

Hiérarchie visuelle d’application

Dans une application .NET MAUI Shell, la hiérarchie visuelle de l’application est décrite dans une classe qui sous-classe la Shell classe. Cette classe peut se composer de trois objets hiérarchiques principaux :

  1. FlyoutItem ou TabBar. Un FlyoutItem représente un ou plusieurs éléments dans le menu volant, et doit être utilisé quand le modèle de navigation de l’application nécessite un menu volant. Un TabBar représente la barre d’onglets inférieure, et doit être utilisé quand le modèle de navigation de l’application commence par des onglets inférieurs et qu’il ne nécessite pas de menu volant. Pour plus d’informations sur les éléments de menu volant, consultez le menu volant .NET MAUI Shell. Pour plus d’informations sur les barres d’onglets, consultez les onglets de l’interpréteur de commandes .NET MAUI.
  2. Tab, qui représente le contenu regroupé, accessible via les onglets inférieurs. Pour plus d’informations, consultez les onglets de l’interpréteur de commandes .NET MAUI.
  3. ShellContent, qui représente les ContentPage objets pour chaque onglet. Pour plus d’informations, consultez les pages .NET MAUI Shell.

Ces objets ne représentent pas une interface utilisateur, mais plutôt l’organisation de la hiérarchie visuelle de l’application. Shell sélectionnera ces objets et générera l’interface utilisateur de navigation pour le contenu.

Remarque

Les pages sont créées à la demande dans les applications Shell, en réponse à la navigation.

Pour plus d’informations, consultez Créer une application .NET MAUI Shell.

L’expérience de navigation fournie par .NET MAUI Shell est basée sur les menus volants et les onglets. Le niveau supérieur de navigation dans une application Shell est un menu volant ou une barre d’onglets inférieure, en fonction des exigences de navigation de l’application. L’exemple suivant montre une application où le niveau supérieur de navigation est un menu volant :

Screenshot of a Shell flyout.

Dans cet exemple, certains éléments volants sont dupliqués en tant qu’éléments de barre d’onglets. Toutefois, il existe également des éléments accessibles uniquement à partir du menu volant. La sélection d’un élément de menu volant permet de sélectionner et d’afficher cet élément dans un onglet en bas de l’écran :

Screenshot of Shell bottom tabs.

Remarque

Lorsque le menu volant n’est pas ouvert, la barre d’onglets inférieure peut être considérée comme le niveau supérieur de navigation dans l’application.

Chaque onglet de la barre d’onglets affiche un ContentPage. Toutefois, si un onglet inférieur contient plusieurs pages, les pages sont accessibles via la barre d’onglets supérieure :

Screenshot of Shell top tabs.

Dans chaque onglet, des objets supplémentaires ContentPage appelés pages de détails peuvent être accédés à :

Screenshot of Shell page navigation.

Shell utilise une expérience de navigation basée sur l’URI qui utilise des itinéraires pour accéder à n’importe quelle page de l’application, sans avoir à suivre une hiérarchie de navigation définie. De plus, l’utilisateur peut revenir en arrière sans avoir à visiter toutes les pages de la pile de navigation. Pour plus d’informations, consultez la navigation de .NET MAUI Shell.

.NET MAUI Shell inclut des fonctionnalités de recherche intégrées fournies par la SearchHandler classe. La fonctionnalité de recherche peut être ajoutée à une page en y ajoutant SearchHandler un objet sous-classé. Cela entraîne l’ajout d’une zone de recherche en haut de la page. Lorsque les données sont entrées dans la zone de recherche, la zone de suggestions de recherche est remplie avec des données :

Screenshot of Shell search.

Ensuite, lorsqu’un résultat est sélectionné dans la zone de suggestions de recherche, la logique personnalisée peut être exécutée, comme la navigation vers une page de détails.

Pour plus d’informations, consultez la recherche .NET MAUI Shell.