<\/p>\n
Wenn man einfache Anwendungen wie im Artikel “Standalone-Apps mit .NET programmieren” beschrieben erstellt, stößt man relativ schnell an Grenzen. Eine davon sind die verfügbaren Ereignisse für Steuerelemente. Wer einmal mit Access gearbeitet hat, weiß, dass es für jedes Steuerelement ein Ereignis wie “Nach Aktualisierung” gibt. Unter WPF ist das nicht der Fall, was an der zugrunde liegenden Philosophie liegt. Diese lautet, dass Benutzeroberfläche und Anwendungslogik so weit wie möglich getrennt werden sollen. In diesem Artikel zeigen wir anhand eines Beispiels, wie sich dies in der Praxis auswirkt.<\/b><\/p>\n
Im Artikel Standalone-Apps mit .NET programmieren <\/b>(www.vbentwickler.de\/358<\/b>) haben wir grundlegend gezeigt, wie man .exe<\/b>-Dateien zum Erledigen kleiner oder auch größerer Aufgaben mit Visual Studio programmieren kann. In einem weiteren Artikel namens Anwendungsdaten speichern per VB.NET <\/b>(www.vbentwickler.de\/359<\/b>) haben wir darauf aufbauend eine kleine Anwendung erzeugt, mit der wir die in Textfelder und andere Steuerelemente als Anwendungskonfigurationsdaten speichern können.<\/p>\n
Allerdings haben wir diese immer nur komplett entweder nach einem Klick auf eine dafür vorgesehene Speichern<\/b>-Schaltfläche oder beim Schließen der Anwendung gespeichert.<\/p>\n
Dort haben wir auch festgestellt, dass es unter WPF nicht für alle Steuerelemente Ereignisse gibt, die nach der Aktualisierung des Inhalts ausgelöst werden. Bei einem TextBox<\/b>-Element können wir zwar das TextChanged<\/b>-Ereignis nutzen, das nach der Eingabe eines jeden Zeichens ausgelöst wird, aber den Inhalt nach jeder nicht durch die Eingabetaste bestätigten Änderung zu speichern wäre doch etwas übertrieben.<\/p>\n
Also schauen wir uns im vorliegenden Artikel an, wie man solche Aufgaben unter Berücksichtigung der Philosophie von WPF löst. Und dabei steigen wir nicht in die Tiefe ein – das würde bedeuten, das MVVM<\/b>-Entwurfsmuster zu erläutern (Model-View-ViewModel<\/b>). Wir wollen einfach nur dafür sorgen, dass wir unser Ziel, die Daten der Steuerelemente ohne Ereignisse der Steuerelemente und nur mit Datenbindung in der Konfigurationsdatei zu speichern und diese beim Starten der Anwendung auch wiederherzustellen.<\/p>\nElemente bei der WPF-Datenbindung<\/h2>\n
Bei der WPF-Datenbindung benötigen wir die folgenden Elemente:<\/p>\n
Nachfolgend schauen wir uns die notwendigen Schritte an. Dabei gehen wir davon aus, dass Du bereits ein neues Projekt des Typs WPF-App (.NET Framework) <\/b>erstellt hat und das Fenster MainWindow.xaml <\/b>in der Entwurfsansicht angezeigt wird. Außerdem kannst Du bereits einmal im Projektmappen-Explorer den Eintrag MainWindow.xaml <\/b>erweitern, sodass Du hier die Code behind-Datei MainWindow.xaml.vb <\/b>siehst. Diese öffnen wir per Doppelklick.<\/p>\nTextBox mit Datenbindung anlegen<\/h2>\n
Dem Fenster MainWindow.xaml <\/b>fügen wir nun ein erstes Steuerelement namens txtVorname <\/b>hinzu. Im Beispielprojekt haben wir dieses in eine Zeile des Grids eingebettet – mehr dazu im Artikel Standalone-Apps mit .NET programmieren <\/b>(www.vbentwickler.de\/358<\/b>). Der Code für dieses Element sieht derzeit so aus:<\/p>\n Damit haben wir nun ein TextBox<\/b>-Element, in das wir Text eintragen können – aber es geschieht nichts weiter damit.<\/p>\n Damit die eingegebenen Daten weiterverarbeitet werden können oder wir das Textfeld aus dem Code heraus füllen können, wenden wir uns nun der Code behind-Datei MainWindow.xaml.vb <\/b>zu. Hier fügen wir nun eine öffentliche Eigenschaft hinzu, an die wir später das Steuerelement binden wollen.<\/p>\n Um Schreibarbeit zu sparen, legen wir die Eigenschaft zunächst wie folgt an:<\/p>\n Dann klicken wir mit der rechten Maustaste auf diese Zeile und wählen im Kontextmenü den Eintrag Schnellaktionen und Refactorings… <\/b>aus (siehe Bild 1).<\/p>\n Bild 1: Aufrufen der Schnellaktionen<\/span><\/b><\/p>\n Dies zeigt ein Popupmenü an, das ganz unten den Eintrag In vollständige Eigenschaft konvertieren <\/b>anbietet. Fahren wir mit der Maus über diesen Eintrag, liefert dieser eine Vorschau der durch diesen Befehl angestoßenen Codeänderung (siehe Bild 2).<\/p>\n Bild 2: Anzeige der gewünschten Schnellaktion<\/span><\/b><\/p>\n Klicken wir die Option an, erhalten wir das Ergebnis aus Bild 3. Was haben wir nun davon? Die Code behind-Klasse enthält nun eine Eigenschaft, die wir per Code füllen können oder an die wir unser Steuerelement txtVorname <\/b>binden können. Letzteres führt dazu, dass bei einer Änderung des Inhalt von txtVorname <\/b>der Inhalt über die öffentliche Eigenschaft Vorname <\/b>in die private Variable _Vorname <\/b>geschrieben wird. Diese wiederum können wir über die öffentliche Eigenschaft auslesen.<\/p>\n Bild 3: Vollständige öffentliche Eigenschaft<\/span><\/b><\/p>\n Der Vorteil ist jedoch: Wenn wir das Steuerelement an diese Eigenschaft binden und dann den Wert des Steuerelements über die Benutzeroberfläche ändern, wird automatisch der Wert der öffentlichen Eigenschaft geändert.<\/p>\n Dabei durchlaufen wir in diesem Fall die Anweisungen zwischen Set <\/b>und End Set<\/b>. Hier können wir nun Code einfügen, der den neuen Wert im Steuerelement weiterverarbeitet – zum Beispiel, um diesen zu speichern. Doch zunächst benötigen wir die Datenbindung.<\/p>\n Damit das Steuerelement an die Eigenschaft gebunden wird, sind zwei Schritte nötig. Einer davon ist, in der Definition des Steuerelements anzugeben, dass es an die öffentliche Eigenschaft gebunden werden soll. Das erledigen wir, indem wir die Definition des Steuerelements wie folgt erweitern:<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span><TextBox x:Name=\"txtVorname\" Grid.Column=\"1\" Width=\"200\"><\/TextBox><\/pre>\n
Eigenschaft für die Datenbindung hinzufügen<\/h2>\n
Public Property <\/span>Vorname As String<\/span><\/pre>\n![\"Aufrufen](\"..\/fileadmin\/_temp_\/2023_02\/pic_360_001.png\")
<\/p>\n![\"Anzeige](\"..\/fileadmin\/_temp_\/2023_02\/pic_360_002.png\")
<\/p>\n![\"Vollständige](\"..\/fileadmin\/_temp_\/2023_02\/pic_360_003.png\")
<\/p>\nSteuerelement an Eigenschaft binden<\/h2>\n
<TextBox x:Name=\"txtVorname\" ... Text=\"{Binding Vorname}\"><\/TextBox><\/pre>\n
\nHier geht es zur Bestellung des Jahresabonnements des Magazins Visual Basic Entwickler<\/strong>:<\/span>
\nZur Bestellung ...<\/a><\/span>
\nDanach greifen Sie sofort auf alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span>
\nOder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t