Oefening: uitlijningsopties verkennen

Voltooid

In deze oefening gebruikt u een .NET MULTI-Platform App UI -toepassing (MAUI) om het effect te zien van de vier primaire indelingsopties wanneer deze worden toegepast op een weergave in een Grid. U schrijft geen code in de oefening. In plaats daarvan gebruikt u de opgegeven oplossing en selecteert u knoppen om de indelingsopties van een label te wijzigen.

In deze module wordt de .NET 9.0 SDK gebruikt. Zorg ervoor dat .NET 9.0 is geïnstalleerd door de volgende opdracht uit te voeren in de opdrachtterminal van uw voorkeur:

dotnet --list-sdks

Uitvoer die vergelijkbaar is met het volgende voorbeeld wordt weergegeven:

8.0.100 [C:\Program Files\dotnet\sdk]
9.0.100 [C:\Program Files\dotnet\sdk]

Zorg ervoor dat er een versie wordt vermeld die begint met 9 . Als er geen wordt vermeld of de opdracht niet wordt gevonden, installeert u de meest recente .NET 9.0 SDK.

Open de startersoplossing

1. Kloon of download de oefeningsopslagplaats vanuit GitHub.

   Notitie

   Het is raadzaam om de inhoud van de oefening te klonen of te downloaden naar een kort mappad, zoals C:\dev, om te voorkomen dat door de build gegenereerde bestanden de maximale padlengte overschrijden.

2. Open de startersoplossing uit de map oefening1/Uitlijning met behulp van Visual Studio of deze map in Visual Studio Code.

Het gedrag van de toepassing testen

Voer de app uit om te testen LayoutOptions en te zien hoe de verschillende indelingsopties de grootte en positie van het label wijzigen.

1. Test de app door te communiceren met de knoppen die de horizontale en verticale LayoutOptionsknop wijzigen. Selecteer ze en bekijk wat er gebeurt. In de volgende afbeelding ziet u wat er gebeurt als u Centreren selecteert voor de opties horizontaal en verticaal uitlijnen:

   

   De uitlijningsopties (Start, Center, Enden Fill) kunnen zowel de grootte als de uitlijning van een weergave wijzigen.