Create a UI in a .NET MAUI app by using XAML

Module
9 Units

Beginner

Developer

Student

Visual Studio

.NET

.NET MAUI

Learn how to design a UI for a .NET MAUI app using XAML

Learning objectives

By the end of this module, you'll be able to describe:

The benefits of using XAML over defining the UI for a .NET MAUI app in C#.
The types available for defining a .NET MAUI app using XAML, and the properties these types expose.
How to handle UI events and wire them up in XAML.
How to create and use XAML markup extensions.
How to set platform-specific values in XAML markup.

Prerequisites

Visual Studio 2022 with the .NET MAUI workload
Optional: Local installations Visual Studio Code, the .NET SDK with .NET MAUI workload, and the .NET MAUI Extension for Visual Studio Code
Familiarity with C# and .NET

Introduction min
Benefits of using XAML min
Types and properties in .NET MAUI XAML min
Event handling in XAML min
Exercise: Create your first XAML page min
XAML markup extensions min
Platform-specific values in XAML min
Exercise: Add behavior to your XAML page min
Summary min