Einführung

  • 5 Minuten

.NET MAUI-Layoutpanels unterstützen Sie dabei, konsistente Benutzeroberflächen für Ihre Anwendung zu erstellen, die auf eine Vielzahl von Geräten ein einheitliches Erscheinungsbild zeigen.

Stellen Sie sich vor, Sie erstellen eine Anwendung zur Berechnung von Trinkgeldern, die Sie auf vielen Computern und Geräten bereitstellen möchten. Die Geräte weisen Unterschiede bei Bildschirmgröße und Pixeldichte auf. Ihr Ziel ist es, dass die Anwendung auf allen Geräten so ähnlich wie möglich aussieht. Sie möchten eine manuelle Berechnung der Anzeigegröße und der Position für jede Bildschirmgröße vermeiden. .NET MAUI enthält ein System für die Layoutverwaltung, das diese Berechnungen für Sie durchführt. Sie platzieren Ihre Ansichten in Layoutpanels, die die Größe und Position der untergeordneten Ansichten automatisch verwalten. Diese Panels vereinfachen die Erstellung konsistenter Benutzeroberflächen für verschiedene Geräte.

In diesem Modul erstellen Sie eine MAUI-Anwendung (.NET Multi-Platform App UI), die auf verschiedenen Geräten ähnlich aussieht. Als Erstes legen Sie die bevorzugte Größe und Position einer Ansicht fest. Dann ordnen Sie Ansichten mit StackLayout vertikal an. Danach platzieren Sie Ansichten mit Grid in Zeilen und Spalten. Am Ende des Moduls verfügen Sie über eine .NET MAUI-Anwendung, die auf jedem Gerätetyp und in jeder Bildschirmgröße konsistent aussieht.

Lernziele

In diesem Modul wird Folgendes thematisiert:

  • Anordnen von Benutzeroberflächenelementen in einer App und Festlegen deren Größe.
  • Anzeigen von Ansichten in einer vertikalen oder horizontalen Liste mit StackLayout.
  • Anzeigen von Ansichten in Zeilen und Spalten mithilfe von Grid.

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

Zum Erstellen von .NET MAUI-Apps mit .NET 9 müssen Sie Visual Studio Version 17.12 oder höher 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.