Übersicht über .NET MAUI Shell

Durchsuchen Sie das Beispiel

Die .NET Multi-Platform App UI (.NET MAUI) Shell reduziert die Komplexität der App-Entwicklung, indem die grundlegenden Features bereitgestellt werden, die die meisten Apps erfordern, einschließlich:

• Eine einzige Stelle zum Beschreiben der visuellen Hierarchie einer App.
• Eine allgemeine Navigationsbenutzerumgebung.
• Ein URI-basiertes Navigationsschema, das die Navigation zu einer beliebigen Seite in der App zulässt.
• Ein integrierter Suchhandler.

Visuelle App-Hierarchie

In einer .NET MAUI Shell-App wird die visuelle Hierarchie der App in einer Klasse beschrieben, die die Shell Klasse unterordnet. Diese Klasse kann aus drei hierarchischen Hauptobjekten bestehen:

1. FlyoutItem oder TabBar. Ein FlyoutItem Element stellt ein oder mehrere Elemente im Flyout dar und sollte verwendet werden, wenn das Navigationsmuster für die App ein Flyout erfordert. Ein TabBar stellt die untere Tab-Leiste dar und sollte verwendet werden, wenn das Navigationsmuster der App mit unteren Tabs beginnt und keine Flyout benötigt. Weitere Informationen zu Flyout-Elementen finden Sie unter .NET MAUI Shell-Flyout. Weitere Informationen zu Reiterleisten finden Sie unter .NET MAUI Shell-Reiter.
2. Tab, der gruppierten Inhalt darstellt, über untere Registerkarten navigierbar. Weitere Informationen finden Sie unter .NET MAUI Shell Tabs.
3. ShellContent, das die ContentPage Objekte für jede Registerkarte darstellt. Weitere Informationen finden Sie unter .NET MAUI Shell-Seiten.

Diese Objekte stellen keine Benutzeroberfläche dar, sondern die Organisation der visuellen Hierarchie der App. Shell verwendet diese Objekte und erzeugt die Navigations-Benutzeroberfläche für den Inhalt.

Weitere Informationen finden Sie unter Erstellen einer .NET MAUI Shell-App.

builder.ConfigureMauiHandlers(handlers =>
{
#if ANDROID
    handlers.AddHandler<Shell, Microsoft.Maui.Controls.Handlers.Compatibility.ShellRenderer>();
#endif
});

Navigationsbenutzerfreundlichkeit

Die navigationsoberfläche von .NET MAUI Shell basiert auf Flyouts und Registerkarten. Die oberste Navigationsebene in einer Shell-App ist abhängig von den Navigationsanforderungen der App entweder ein Flyout oder eine untere Registerkartenleiste. Das folgende Beispiel zeigt eine App, bei der die oberste Navigationsebene ein Flyout ist:

In diesem Beispiel werden einige Flyoutelemente als Elemente in die Registerkartenleiste dupliziert. Es gibt jedoch auch Elemente, auf die nur über das Flyout zugegriffen werden kann. Die Auswahl eines Flyoutelements führt zu der unteren Registerkarte, die das ausgewählte Element darstellt und anzeigt:

Auf jeder Registerkarte der Registerkartenleiste wird ein ContentPage-Objekt angezeigt. Wenn jedoch eine untere Registerkarte mehr als eine Seite enthält, können die Seiten über die obere Registerkartenleiste navigiert werden:

Innerhalb jeder Registerkarte können zusätzliche ContentPage Objekte, die als Detailseiten bekannt sind, aufgerufen werden.

Shell verwendet eine URI-basierte Navigationsoberfläche, die Routen zum Navigieren zu einer beliebigen Seite in der App verwendet, ohne einer festgelegten Navigationshierarchie folgen zu müssen. Darüber hinaus bietet es auch die Möglichkeit, rückwärts zu navigieren, ohne alle Seiten des Navigationsstapels aufrufen zu müssen. Weitere Informationen finden Sie in der .NET MAUI Shell-Navigation.

Suchen

.NET MAUI Shell enthält integrierte Suchfunktionen, die von der SearchHandler Klasse bereitgestellt werden. Die Suchfunktion kann einer Seite hinzugefügt werden, indem ein unterklassigtes SearchHandler Objekt hinzugefügt wird. Dies führt dazu, dass oben auf der Seite ein Suchfeld hinzugefügt wird. Wenn Daten in das Suchfeld eingegeben werden, wird der Suchvorschlägebereich mit Daten gefüllt:

Wenn dann ein Ergebnis aus dem Suchvorschlägebereich ausgewählt wird, kann benutzerdefinierte Logik ausgeführt werden, z. B. das Navigieren zu einer Detailseite.

Weitere Informationen finden Sie unter .NET MAUI Shell-Suche.