Inleiding

  • 2 minuten

Door dezelfde lettertypen en kleuren in de hele gebruikersinterface te gebruiken, ontstaat er een consistent uiterlijk. .NET Multi-Platform App UI (MAUI) biedt een manier om deze waarden op één plek te definiëren en ze overal op te zoeken waar ze worden gebruikt. Het hergebruik van waarden garandeert consistentie in uw app en maakt updates eenvoudig.

Stel dat u een mobiele toepassing bouwt met de naam TipCalculator. De app wordt gebruikt in de horeca en stelt attendants in staat om snel de fooi voor elke service te berekenen. Uw bedrijf heeft onlangs het uiterlijk van het bedrijfsmerk gewijzigd. Uw taak is om de gebruikersinterface van de app bij te werken zodat deze overeenkomt met het nieuwe uiterlijk. U moet lettertypen, tekstkleuren en achtergrondkleuren wijzigen. U wilt dit soort updates eenvoudig maken, omdat er zeker meer huisstijlwijzigingen zijn naarmate uw bedrijf groeit.

In deze module leert u hoe u een resource definieert en toepast in code en in Extensible Application Markup Language (XAML). U ziet ook hoe u meerdere instellingen in een stijl kunt groeperen, zodat u ze allemaal tegelijk kunt toepassen.

Leerdoelen

In deze module leert u het volgende:

  • Statische resources maken en gebruiken in een .NET MAUI XAML-gebruikersinterface.
  • Dynamische resources maken en gebruiken.
  • Maak een consistente gebruikersinterface met behulp van stijlen.
  • Toepassingenbrede resources maken en gebruiken.
  • Gebruikerstoegankelijkheidskeuzen toepassen met behulp van ingebouwde stijlen.

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.
  • Bekendheid met C# en .NET.

Vereisten voor .NET MAUI-ontwikkeling

Als u .NET MAUI-apps wilt maken met .NET 9, moet u Visual Studio versie 17.12 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.