Udostępnij za pośrednictwem


Omówienie powłoki MAUI platformy .NET

Browse sample. Przeglądanie przykładu

Powłoka interfejsu użytkownika aplikacji wieloplatformowej platformy .NET (.NET MAUI) zmniejsza złożoność tworzenia aplikacji, zapewniając podstawowe funkcje, których wymaga większość aplikacji, w tym:

  • Jedno miejsce do opisania hierarchii wizualnej aplikacji.
  • Typowe środowisko użytkownika nawigacji.
  • Schemat nawigacji oparty na identyfikatorze URI, który umożliwia nawigację do dowolnej strony w aplikacji.
  • Zintegrowana procedura obsługi wyszukiwania.

Hierarchia wizualizacji aplikacji

W aplikacji .NET MAUI Shell hierarchia wizualizacji aplikacji jest opisana w klasie, która podklasuje klasę Shell . Ta klasa może składać się z trzech głównych obiektów hierarchicznych:

  1. Usługa FlyoutItem lub TabBar. Element FlyoutItem reprezentuje co najmniej jeden element w oknie wysuwanym i powinien być używany, gdy wzorzec nawigacji dla aplikacji wymaga wysuwanego elementu. Element TabBar reprezentuje dolny pasek karty i powinien być używany, gdy wzorzec nawigacji dla aplikacji zaczyna się od kart dolnych i nie wymaga wysuwanego menu wysuwanego. Aby uzyskać więcej informacji na temat elementów wysuwanych, zobacz wysuwane okno wysuwane programu .NET MAUI Shell. Aby uzyskać więcej informacji na temat pasków kart, zobacz karty .NET MAUI Shell.
  2. Tab, który reprezentuje pogrupowaną zawartość, nawigację według kart dolnych. Aby uzyskać więcej informacji, zobacz karty powłoki MAUI platformy .NET.
  3. ShellContent, który reprezentuje ContentPage obiekty dla każdej karty. Aby uzyskać więcej informacji, zobacz strony powłoki MAUI platformy .NET.

Te obiekty nie reprezentują żadnego interfejsu użytkownika, ale raczej organizacji hierarchii wizualnej aplikacji. Powłoka przejmie te obiekty i utworzy interfejs użytkownika nawigacji dla zawartości.

Uwaga

Strony są tworzone na żądanie w aplikacjach powłoki w odpowiedzi na nawigację.

Aby uzyskać więcej informacji, zobacz Tworzenie aplikacji .NET MAUI Shell.

Środowisko nawigacji zapewniane przez powłokę .NET MAUI jest oparte na wysuwanych i kartach. Górny poziom nawigacji w aplikacji powłoki to wysuwany lub dolny pasek karty, w zależności od wymagań nawigacji aplikacji. W poniższym przykładzie pokazano aplikację, w której górny poziom nawigacji jest wysuwany:

Screenshot of a Shell flyout.

W tym przykładzie niektóre elementy wysuwane są duplikowane jako elementy paska tabulacji. Istnieją jednak również elementy, do których można uzyskać dostęp tylko z wysuwanego menu. Wybranie elementu wysuwanego powoduje wyświetlenie karty dolnej, która reprezentuje wybrany i wyświetlony element:

Screenshot of Shell bottom tabs.

Uwaga

Gdy okno wysuwane nie jest otwarte, można uznać, że jest to górny poziom nawigacji w aplikacji.

Każda karta na pasku karty wyświetla wartość ContentPage. Jeśli jednak dolna karta zawiera więcej niż jedną stronę, strony są nawigowalne za pomocą górnego paska kart:

Screenshot of Shell top tabs.

Na każdej karcie można przejść do dodatkowych ContentPage obiektów, które są nazywane stronami szczegółów:

Screenshot of Shell page navigation.

Powłoka używa środowiska nawigacji opartego na identyfikatorze URI, które używa tras do przechodzenia do dowolnej strony w aplikacji bez konieczności korzystania z hierarchii nawigacji zestawu. Ponadto zapewnia również możliwość przechodzenia do tyłu bez konieczności odwiedzania wszystkich stron w stosie nawigacji. Aby uzyskać więcej informacji, zobacz Nawigacja po powłoce MAUI platformy .NET.

Powłoka MAUI platformy .NET zawiera zintegrowane funkcje wyszukiwania udostępniane przez klasę SearchHandler . Możliwość wyszukiwania można dodać do strony, dodając do niej podklasowany SearchHandler obiekt. Spowoduje to dodanie pola wyszukiwania w górnej części strony. Po wprowadzeniu danych w polu wyszukiwania obszar sugestii wyszukiwania jest wypełniany danymi:

Screenshot of Shell search.

Następnie po wybraniu wyniku z obszaru sugestii wyszukiwania można wykonać logikę niestandardową, taką jak przejście do strony szczegółów.

Aby uzyskać więcej informacji, zobacz wyszukiwanie w powłoce MAUI platformy .NET.