Einführung
Mit der Datenbindung können Sie Beziehungen zwischen Ihren Daten und Ihren Steuerelementen der Benutzeroberfläche (UI) deklarieren. Sie bleiben automatisch synchronisiert, wenn eines der Elemente geändert wird. Durch Datenbindungen kann Ihr Code schneller lesbar, einfacher zu verwalten und besser testbar werden.
Die Datenbindung bietet eine Möglichkeit, die Benutzeroberfläche direkt mit Daten zu verknüpfen, anstatt Ihre Benutzeroberfläche mit Code im CodeBehind der Benutzeroberfläche zu verknüpfen. Wenn die Benutzeroberfläche an Daten gebunden ist, wird die Benutzeroberfläche automatisch aktualisiert, wenn sich die Daten ändern, und bleibt dadurch mit den Daten synchronisiert. Umgekehrt gilt: Wenn der Benutzer mit der Benutzeroberfläche interagiert, werden die Daten mit der Benutzeroberfläche synchronisiert.
Beispielszenario
Stellen Sie sich vor, Sie arbeiten an einer App, die Benutzern Wetterinformationen für eine ausgewählte Region oder Adresse anzeigt. Während der Benutzer einen Ort eingibt, lädt die App die Wettervorhersagedaten aus einem externen Wetterdienst und aktualisiert die Benutzeroberfläche. Die Benutzeroberfläche und die Wetterdienstdaten sind über die XAML-Benutzeroberfläche und die XAML-CodeBehind-Datei eng miteinander verknüpft. Der Wetterdienst ist bereits für seine eigene Klasse abstrahiert, Ihre Benutzeroberfläche ist jedoch stark von der CodeBehind-Datei abhängig, um diese Daten auf der Benutzeroberfläche darzustellen.
Einige Zeit nach der Veröffentlichung Ihrer App werden Sie von dem von Ihnen verwendeten Wetterdienst darüber informiert, dass er seinen Betrieb einstellen wird. Daraufhin beginnen Sie mit der Suche nach einem Ersatzdienst. Bei allen von Ihnen ausgewerteten Diensten stellen Sie fest, dass sie Daten auf unterschiedliche Weise ein- und ausgeben. Da Ihre Benutzeroberfläche CodeBehind-Ereignisse für die Interaktion mit dem Dienst verwendet, kann die Benutzeroberfläche von dieser Änderung betroffen sein.
Es ist daher nützlich, die Art und Weise, wie die Benutzeroberfläche die Wetteraktualisierungen synchronisiert, von CodeBehind-Ereignissen in Datenbindung zu ändern. Auf diese Weise werden bei einer erneuten Dienständerung die Auswirkungen auf Ihren Code minimiert.
Aufgaben
Dieses Modul veranschaulicht die Unterschiede zwischen einer codebasierten Benutzeroberfläche und einer datengebundenen Benutzeroberfläche und zeigt, wie Sie anstelle von CodeBehind die Datenbindung zur Aktualisierung der Benutzeroberfläche verwenden. Mit einer Wetter-Beispiel-App konvertieren Sie Benutzeroberflächenupdates von CodeBehind in Datenbindung.
Lerninhalte
Am Ende dieses Moduls können Sie die Datenbindung verwenden, um Daten auf der Benutzeroberfläche darzustellen und Daten zu transformieren, wenn die Benutzeroberflächentypen und Datentypen nicht übereinstimmen.
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
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.