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. Wenn der Benutzer dagegen mit der Benutzeroberfläche interagiert, bleiben 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 Wetterdienst-Daten sind eng über die XAML-Benutzeroberfläche und die XAML-Code-Behind-Datei gekoppelt. 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 kündigt der Wetterdienst, den Sie verwenden, an, dass er geschlossen wird. In Erwartung dessen beginnen Sie mit der Suche nach einem Ersatzservice. 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 haben Sie, wenn eine Dienständerung erneut auftritt, die Auswirkungen auf Ihren Code minimiert.
Was Sie tun werden
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-Beispielapp konvertieren Sie Benutzeroberflächenupdates von CodeBehind in Datenbindung.
Sie lernen Folgendes
Am Ende dieses Moduls können Sie datenbindung verwenden, um Daten in der Benutzeroberfläche darzustellen und Daten zu transformieren, wenn die UI-Typen 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 installierten Arbeitslast verwenden:
- Entwicklung von Benutzeroberflächen für Multi-Plattform-Apps mit .NET
Wenn Sie .NET MAUI Blazor-Apps erstellen möchten, müssen Sie außerdem die Workload für ASP.NET- und Webentwicklung installieren.
Weitere Informationen zur 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. Weitere Informationen zur Einrichtung finden Sie in der Dokumentation.