Inleiding
Met .NET MAUI kunt u dynamisch de gebruikersinterface van een app maken met behulp van C#-code. Soms is het echter beter en efficiënter om de gebruikersinterface statisch te definiëren. Extensible Application Markup Language (XAML) biedt een manier om de gebruikersinterface tijdens het compileren in te delen. De XAML-beschrijving van de gebruikersinterface biedt ook een zekere mate van documentatie, zodat u snel de manier kunt begrijpen waarop de gebruikersinterface aan een gebruiker wordt gepresenteerd zonder dat u de toepassingscode hoeft te doorlopen.
Stel dat u als mobiele ontwikkelaar werkt voor een energiebedrijf. U bent verantwoordelijk voor het verbeteren van de mobiele app van het bedrijf die technici gebruiken bij het bezoeken van de locatie van de klant. Momenteel wordt de gebruikersinterface van de app gebouwd met behulp van C#-code. U bent echter begonnen te merken dat het moeilijker wordt om UI-updates te beheren. Deze moeilijkheid wordt veroorzaakt doordat de app complexer wordt. Het wordt steeds moeilijker om inzicht te hebben in de kerngedragslogica, omdat deze wordt gecombineerd met UI-code.
U wilt een oplossing vinden die een schone scheiding van de gebruikersinterface en het gedrag introduceert. Door de gebruikersinterface en het gedrag van elkaar te scheiden, kan uw ontwerpexpert zich richten op wat ze het beste doen en hebt u de tijd om u te concentreren op het coderen van het gedrag van de app. Met .NET MAUI kunt u uw gebruikersinterface definiëren met behulp van XAML. XAML biedt een schone scheiding van gebruikersinterface (UI) en gedrag. XAML maakt het ook eenvoudiger om een ontwerpexpert en ontwerphulpprogramma's te gebruiken. In deze module leert u hoe u een .NET MAUI-app maakt die de pagina's en besturingselementen definieert met behulp van XAML in plaats van C#-code. Door de gebruikersinterface op XAML te maken, kunt u al uw UI-code scheiden van uw gedragscode, zodat u beide eenvoudiger kunt beheren.
Leerdoelen
In deze module leert u:
- De voordelen van het gebruik van XAML over het definiëren van de gebruikersinterface voor een .NET MAUI-app in C#.
- Pagina's en besturingselementen maken en hun eigenschappen instellen met behulp van XAML.
- Ui-gebeurtenissen afhandelen en deze koppelen in XAML.
- XAML-markeringsextensies maken en gebruiken.
- Platformspecifieke waarden instellen in XAML-markeringen.
Vereisten
- Visual Studio 2022 waarop de .NETLOAD-workload is geïnstalleerd
- Optioneel: Visual Studio Code met de .NETLOAD-extensie en .NET SDK waarop de .NETLOAD-workload is geïnstalleerd
- Kennis van C# en .NET
Vereisten voor .NET MAUI-ontwikkeling
Als u .NET MAUI-apps wilt maken met .NET 8, moet u Visual Studio versie 17.8 of hoger installeren met de volgende workload geïnstalleerd:
- .NET Multi-Platform App UI-ontwikkeling
Bovendien moet u de workload ASP.NET en webontwikkeling installeren als u .NETLOAD Blazor-apps wilt bouwen.
Raadpleeg de documentatie voor een overzicht van de installatie.
Ontwikkelen met Visual Studio Code
Als u ontwikkelt op macOS of Linux, moet u Visual Studio Code en de .NET-EXTENSIE installeren, samen met de .NET SDK en .NETLOAD Workload. Raadpleeg de documentatie voor een overzicht van de installatie.