Introduktion
Med .NET MAUI kan du skapa en apps användargränssnitt dynamiskt med hjälp av C#-kod. Ibland är det dock mer lämpligt och effektivt att definiera användargränssnittet statiskt. XAML (Extensible Application Markup Language) är ett sätt att utforma användargränssnittet vid kompileringstillfället. XAML-beskrivningen av användargränssnittet innehåller också en viss dokumentation så att du snabbt kan förstå hur användargränssnittet visas för en användare utan att behöva gå igenom programkoden.
Anta att du arbetar för ett elbolag som mobilutvecklare. Du ansvarar för att förbättra företagets mobilapp som tekniker använder när de besöker kundens lokaler. För närvarande skapas appens användargränssnitt med C#-kod. Men du har börjat märka att det blir svårare att hantera uppdateringar av användargränssnittet. Den här svårigheten beror på att appen blir mer komplex. Det blir allt svårare att förstå logiken för kärnbeteende eftersom den blandas med UI-kod.
Du vill hitta en lösning som introducerar en ren separation av användargränssnittet och beteendet. Genom att separera användargränssnittet och beteendet kan designexperten fokusera på vad de gör bäst, och du får tid att fokusera på att koda appens beteende. Med .NET MAUI kan du definiera ditt användargränssnitt med XAML. Med XAML får du en ren uppdelning av användargränssnittet (UI) och beteendet. XAML gör det också enklare att använda en designexpert och designverktyg. I den här modulen får du lära dig hur du skapar en .NET MAUI-app som definierar dess sidor och kontroller med XAML i stället för C#-kod. När du skapar användargränssnittet på XAML kan du separera all UI-kod från din beteendekod för att göra det enklare att hantera båda.
Utbildningsmål
I den här modulen kommer du att lära dig:
- Fördelarna med att använda XAML för att definiera användargränssnittet för en .NET MAUI-app i C#.
- Så här skapar du sidor och kontroller och anger deras egenskaper med hjälp av XAML.
- Hantera användargränssnittshändelser och koppla upp dem i XAML.
- Så här skapar och använder du XAML-markeringstillägg.
- Så här anger du plattformsspecifika värden i XAML-markering.
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 9 måste du installera Visual Studio version 17.12 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.