Přehled rozhraní .NET MAUI Shell

Projděte si ukázku. Procházení ukázky

Prostředí .NET Multi-Platform App UI (.NET MAUI) Snižuje složitost vývoje aplikací tím, že poskytuje základní funkce, které většina aplikací vyžaduje, včetně:

  • Jedno místo, kde můžete popsat vizuální hierarchii aplikace.
  • Běžné uživatelské prostředí navigace.
  • Navigační schéma založené na identifikátorech URI, které umožňuje navigaci na libovolnou stránku v aplikaci.
  • Integrovaná obslužná rutina vyhledávání.

Hierarchie vizuálů aplikací

V aplikaci .NET MAUI Shell je vizuální hierarchie aplikace popsaná ve třídě, která podtřídí Shell třídu. Tato třída se může skládat ze tří hlavních hierarchických objektů:

  1. FlyoutItem nebo TabBar. A FlyoutItem představuje jednu nebo více položek v podokně a mělo by se použít, když navigační vzor aplikace vyžaduje podokno. A TabBar představuje dolní panel karet a měl by se použít, pokud navigace aplikace začíná dolními kartami a nevyžaduje rozbalovací nabídku. Další informace o položkách rozevíracího panelu najdete v rozevíracím panelu prostředí .NET MAUI Shell. Další informace o panelech záložek najdete v záložkách prostředí .NET MAUI.
  2. Tab, který představuje seskupený obsah a je možno jej procházet pomocí dolních karet. Pro více informací si přečtěte záložky rozhraní .NET MAUI Shell.
  3. ShellContent, který představuje ContentPage objekty pro každou kartu. Další informace najdete na stránkách prostředí .NET MAUI.

Tyto objekty nepředstavují žádné uživatelské rozhraní, ale spíše uspořádání hierarchie vizuálů aplikace. Shell vezme tyto objekty a vytvoří navigační uživatelské rozhraní pro obsah.

Poznámka:

Stránky se vytvářejí na vyžádání v aplikacích shellu v reakci na navigaci.

Další informace najdete v tématu Vytvoření aplikace .NET MAUI Shell.

Navigační prostředí poskytované prostředím .NET MAUI Shell je založené na informačních panelech a kartách. Nejvyšší úroveň navigace v aplikaci Shell je buď vysouvací nabídka, nebo dolní panel záložek, podle požadavků navigace aplikace. Následující příklad ukazuje aplikaci, ve které je nejvyšší úroveň navigace informačním rámečkem:

Snímek obrazovky s nabídku Shell

V tomto příkladu jsou některé rozbalovací položky duplikovány jako položky na panelu karet. Položky, ke kterým lze získat přístup pouze z kontextové nabídky. Výběr kontextové položky se zobrazí na dolní kartě, která představuje vybranou a zobrazenou položku:

Snímek obrazovky dolních karet Shell

Poznámka:

Pokud není rozbalovací panel otevřený, můžete dolní panel karet považovat za nejvyšší úroveň navigace v aplikaci.

Každá karta na panelu karet zobrazuje znak ContentPage. Pokud ale dolní záložka obsahuje více než jednu stránku, stránky se dají procházet horním panelem záložek:

Snímek obrazovky s horními kartami v Shellu

V rámci každé karty lze přejít na další ContentPage objekty, které se označují jako stránky podrobností:

Snímek obrazovky navigace na stránce prostředí Shell

Shell používá uživatelské prostředí založené na identifikátoru URI, které využívá trasy k navigaci na libovolnou stránku v aplikaci, aniž by bylo nutné dodržovat stanovenou navigační hierarchii. Kromě toho také poskytuje možnost přecházet zpět, aniž byste museli navštěvovat všechny stránky v navigačním zásobníku. Další informace najdete v tématu Navigace prostředí .NET MAUI.

Prostředí .NET MAUI Shell obsahuje integrované funkce vyhledávání, které poskytuje SearchHandler třída. Funkci vyhledávání lze přidat na stránku přidáním podtříděného SearchHandler objektu. Výsledkem je přidání vyhledávacího pole v horní části stránky. Při zadání dat do vyhledávacího pole se oblast návrhů hledání naplní daty:

Snímek obrazovky s vyhledáváním ve Shellu

Když pak vyberete výsledek z oblasti návrhů hledání, můžete spustit vlastní logiku, například přejít na stránku podrobností.

Další informace najdete v tématu .NET MAUI Shell Search.