Einführung

  • 2 Minuten

Mit .NET MAUI können Sie die Benutzeroberfläche einer App dynamisch mithilfe von C#-Code erstellen. Mitunter ist es jedoch sinnvoller und effizienter, die Benutzeroberfläche statisch zu definieren. XAML (Extensible Application Mark-up Language) bietet eine Möglichkeit, das Layout der Benutzeroberfläche zur Kompilierzeit zu bestimmen. Die XAML-Beschreibung der Benutzeroberfläche bietet auch ein gewisses Maß an Dokumentation, sodass Sie die Präsentation der Benutzeroberfläche für Benutzer*innen schnell erfassen können, ohne sich in den Anwendungscode vertiefen zu müssen.

Angenommen, Sie arbeiten bei einem Energieversorger als Entwickler mobiler Lösungen. Sie sind für die Verbesserung der mobilen App des Unternehmens verantwortlich, die Techniker bei Kundenbesuchen einsetzen. Derzeit wird die Benutzeroberfläche der App mithilfe von C#-Code entwickelt. Sie haben jedoch festgestellt, dass es immer schwieriger wird, Aktualisierungen der Benutzeroberfläche in den Griff zu bekommen. Diese Schwierigkeit ist darauf zurückzuführen, dass die App komplexer wird. Es wird zunehmend schwieriger, die eigentliche Verhaltenslogik zu verstehen, da sie mit dem Code der Benutzeroberfläche kombiniert ist.

Sie suchen eine Lösung, die eine saubere Trennung von Benutzeroberfläche und Verhalten ermöglicht. Die Trennung von Benutzeroberfläche und Verhalten ermöglicht es Ihren Designspezialist*innen, sich auf das zu konzentrieren, was sie am besten können, während Sie Zeit haben, den Fokus auf die Programmierung des App-Verhaltens zu legen. Mit .NET MAUI können Sie Ihre Benutzeroberfläche mittels XAML definieren. XAML lässt eine saubere Trennung von Benutzeroberfläche und Verhalten zu. XAML erleichtert auch das Hinzuziehen eines Designspezialisten und von Designtools. In diesem Modul erfahren Sie, wie Sie eine .NET MAUI-App erstellen, bei der die Seiten und Steuerelemente mit XAML statt mit C#-Code definiert werden. Die Erstellung einer Benutzeroberfläche mit XAML ermöglicht es Ihnen, Ihren gesamten Benutzeroberflächencode von Ihrem Verhaltenscode zu trennen, was die Verwaltung für beides erleichtert.

Lernziele

In diesem Modul lernen Sie Folgendes:

  • Vorteile der Verwendung von XAML gegenüber der Definition der Benutzeroberfläche für eine .NET MAUI-App in C#.
  • Erstellen von Seiten und Steuerelemente und Festlegen ihrer Eigenschaften mit XAML.
  • Behandeln und Verknüpfen von UI-Ereignissen in XAML.
  • Erstellen und Verwenden von XAML-Markuperweiterungen
  • Festlegen plattformspezifischer Werte im XAML-Markup.

Voraussetzungen

  • Visual Studio 2022 mit installierter .NET MAUI-Workload
  • Optional: Visual Studio Code mit der .NET MAUI Extension und dem .NET SDK mit dem installierten .NET MAUI Workload
  • Kenntnisse zu C# und .NET

Anforderungen für die .NET MAUI-Entwicklung

Um .NET MAUI-Anwendungen mit .NET 8 zu erstellen, müssen Sie Visual Studio Version 17.8 oder neuer mit der folgenden Workload installieren:

  • Entwicklung mit .NET Multi-Platform App UI

Wenn Sie .NET MAUI Blazor-Apps erstellen möchten, müssen Sie außerdem die Workload für ASP.NET- und Webentwicklung installieren.

Eine exemplarische Vorgehensweise für die Einrichtung finden Sie in der Dokumentation.

Entwicklung mit Visual Studio Code

Wenn Sie unter macOS oder Linux entwickeln, müssen Sie Visual Studio Code und die .NET MAUI-Erweiterung zusammen mit dem .NET SDK und .NET MAUI Workload installieren. Eine exemplarische Vorgehensweise für die Einrichtung finden Sie in der Dokumentation.