Introduktion
Med .NET MAUI-layoutpaneler kan du skapa konsekventa användargränssnitt för ditt program på flera olika enheter.
Anta att du skapar ett tipskalkylatorprogram som du planerar att distribuera på många datorer och enheter. Varje enhet kan ha olika skärmstorlek och pixeldensitet. Målet är att programmet ska se så likt ut som möjligt på alla enheter. Du vill undvika manuell beräkning av visningsstorlek och position för varje skärmstorlek. .NET MAUI innehåller ett layouthanteringssystem som gör dessa beräkningar åt dig. Du placerar dina vyer i layoutpaneler som automatiskt hanterar storleken och positionen för deras underordnade vyer. Panelerna gör det mycket enklare att skapa konsekventa användargränssnitt på olika enheter.
I den här modulen skapar du ett MAUI-program (.NET Multi-Platform App UI) som ser ut ungefär likadant på olika enheter. Du börjar med att ange önskad storlek och position för en vy. Sedan ordnar du vyer lodrätt med hjälp av en StackLayout. Därefter placerar du vyer i rader och kolumner med hjälp av en Grid
. I slutet av modulen har du ett .NET MAUI-program som ser konsekvent ut för varje enhetstyp och skärmstorlek.
Utbildningsmål
I den här modulen kommer du att:
- Ordna användargränssnittselement i en app och ändra storlek på dem.
- Visa vyer i en lodrät eller vågrät lista med hjälp av
StackLayout
. - Visa vyer i rader och kolumner med .
Grid
'
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.