Introduktion

  • 2 minuter

En del av planeringen av appens arkitektur är att bestämma hur användaren ska flyttas mellan sidor. Ska användarna gå framåt och bakåt genom en sekvens med sidor? Har din app en startsida eller finns det flera sidor på den översta nivån som är lika viktiga? Ditt val av navigering måste fungera bra med appens innehåll. Det bör också kännas inbyggt för varje plattform du riktar in dig på.

Anta att du skriver en app för ett planetarium med hjälp av .NET Multi-platform App UI (MAUI). Du vill skapa intresse för astronomi genom att presentera astronomiska fakta och begrepp som är relevanta för vardagen. Appen bör ha sidor som täcker soluppgång och solnedgång, månfaser, astronomiska kroppar och en Om-sida. Ditt jobb är att utforma och implementera ett intuitivt navigeringsmönster för dessa sidor.

I den här modulen får du lära dig hur du använder flikar för att implementera en app som visar data på flera sidor. Du lär dig när det här navigeringsmönstret är lämpligt och hur du kan anpassa beteendet för flikar. Du får också lära dig hur du kombinerar flikar med navigeringssidor som använder navigeringsstacken.

Utbildningsmål

I den här modulen lär du dig att:

  • Implementera utfälld navigering med .NET MAUI Shell.
  • Implementera fliknavigering med .NET MAUI Shell.
  • Navigera mellan sidor i flikar.

Förutsättningar

  • Visual Studio 2022 med .NET MAUI-arbetsbelastningen installerad
  • Valfritt: Visual Studio Code med .NET MAUI-tillägget och .NET SDK med .NET MAUI-arbetsbelastningen installerad
  • Kunskaper om C# och .NET

Krav för .NET MAUI-utveckling

Om du vill skapa .NET MAUI-appar med .NET 8 måste du installera Visual Studio version 17.8 eller senare med följande arbetsbelastning installerad:

  • .NET Multi-Platform App UI-utveckling

Om du vill skapa .NET MAUI Blazor-appar måste du dessutom installera arbetsbelastningen ASP.NET och webbutveckling.

Se dokumentationen för en genomgång av konfigurationen.

Utveckling med Visual Studio Code

Om du utvecklar på macOS eller Linux måste du installera Visual Studio Code och .NET MAUI-tillägget tillsammans med .NET SDK och .NET MAUI-arbetsbelastningen. Se dokumentationen för en genomgång av konfigurationen.