{"id":55000063,"date":"2016-12-01T00:00:00","date_gmt":"2020-03-27T19:23:27","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=63"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Abhaengige_Eigenschaften_per_Binding","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Abhaengige_Eigenschaften_per_Binding\/","title":{"rendered":"Abhängige Eigenschaften per Binding"},"content":{"rendered":"

Im Artikel Trigger haben Sie erfahren, dass Sie Eigenschaften von Elementen abhängig von der Änderung anderer Eigenschaften ebenfalls ändern können. Dies gelingt, mitunter über kleine Umwege, auch mithilfe von Bindungen zwischen den Steuerelementen. So können Sie beispielsweise ganz einfach definieren, dass eine Eigenschaft den Wert True erhält, wenn eine Eigenschaft eines anderen Elements auch diese Eigenschaft annimmt. Soll hingegen der Wert False übernommen werden, wenn die andere Eigenschaft True lautet, wird es kompliziert – dann kommt ein Converter ins Spiel. Dieser Artikel zeigt die Möglichkeiten für den Ersatz von Triggern durch Binding auf.<\/b><\/p>\n

Beispielprojekt<\/h2>\n

Wir verwenden hier wieder das Beispiel, das auch im Artikel Trigger <\/b>zum Einsatz kam: Wir wollen also in Abhängigkeit vom Zustand eines CheckBox<\/b>-Elements drei Textfelder aktivieren\/deaktivieren. Der Aufbau der vier beteiligten Steuerelemente sieht, bevor wir die benötigten Bindungen hinzufügen, wie folgt aus (siehe Bild 1):<\/p>\n

\"Abhängigkeit<\/p>\n

Bild 1: Abhängigkeit per Binding realisieren<\/span><\/b><\/p>\n

<CheckBox x:Name=\"chkGeschaeftskunde\" Margin=\"5\" Grid.Column=\"1\" VerticalAlignment=\"Center\" \/>\r\n<TextBox x:Name=\"txtFirma\" Grid.Row=\"2\" Grid.Column=\"1\" Margin=\"5\" \/>\r\n<TextBox x:Name=\"txtVorname\" Grid.Row=\"3\" Grid.Column=\"1\" Margin=\"5\" \/>\r\n<TextBox x:Name=\"txtNachname\" Grid.Row=\"4\" Grid.Column=\"1\" Margin=\"5\" \/><\/pre>\n
Binding für den gleichen Boolean-Wert<\/h2>\n
Ganz einfach ist die Lösung, wenn das Ändern einer Eigenschaft eines Elements eine Eigenschaft des anderen Elements mit dem gleichen Datentyp auslösen soll und die Werte der beiden Eigenschaften gleich sein sollen. Das ist bei uns der Fall, wenn wir das CheckBox<\/b>-Element chkGeschaeftskunde <\/b>und das TextBox<\/b>-Element txtFirma <\/b>betrachten: Wenn die Eigenschaft Is-Checked <\/b>von chkGeschäftskunde <\/b>den Wert True <\/b>hat, soll auch die Eigenschaft IsEnabled <\/b>von txtFirma <\/b>den Wert True <\/b>aufweisen und umgekehrt. Beide Attribute haben den Datentyp Boolean<\/b>. In diesem Fall können wir den Wert der Eigenschaft IsChecked <\/b>von chkGeschaeftskunde <\/b>direkt per Binding der Eigenschaft IsEnabled <\/b>von txtFirma <\/b>zuweisen:<\/p>\n
<TextBox x:Name=\"txtFirma\" ... IsEnabled=\"{Binding ElementName=chkGeschaeftskunde, Path=IsChecked}\" \/><\/pre>\n
Wann immer der Benutzer nun das Kontrollkästchen mit einem Haken versieht, wird auch das Textfeld aktiviert.<\/p>\n
Binding für negierte Boolean-Werte<\/h2>\n
Bei dem Kontrollkästchen und den beiden übrigen Textfeldern wird es etwas komplizierter: Wir wollen ja nicht den gleichen Wert zuweisen, sondern den negierten Wert – hat die Eigenschaft IsChecked <\/b>von chkGeschaeftskunde <\/b>den Wert True<\/b>, soll IsEnabled <\/b>von txtVorname <\/b>und txtNachname <\/b>den Wert False <\/b>aufweisen und umgekehrt. In einem Binding können wir aber nicht einfach wie unter C# den Operator Not <\/b>verwenden, um einen Boolean<\/b>-Wert umzukehren. Hier benötigen wir einen Converter, der in Form einer eigenen Klasse mit zwei Methoden daherkommt.<\/p>\n
Ein Converter kann einfache Aufgaben übernehmen wie etwa das Umwandeln von True <\/b>in False <\/b>und umgekehrt, aber auch komplexere Operationen durchführen. In diesem Fall wollen wir eine Converter<\/b>-Klasse namens BoolInvertConverter <\/b>erstellen, indem wir per Strg + Umschalt + A <\/b>den Dialog Neues Element hinzufügen <\/b>öffnen, dort den Eintrag Klasse <\/b>auswählen und den Namen BoolInvertConverter.cs <\/b>angeben, bevor wir auf Hinzufügen <\/b>klicken (siehe Bild 2). Nach dem Hinzufügen legen Sie in der Klasse noch einen Verweis auf einen Namespace an, der die gleich verwendete Schnittstelle IValueConverter <\/b>nutzt:<\/p>\n
\"Anlegen<\/p>\n
Bild 2: Anlegen der Converter-Klasse <\/span><\/b><\/p>\n
using System.Windows.Data;<\/pre>\n
Für die Implentierung eines Converters gibt es bestimmte Regeln, die sich in Form einer Schnittstellendefinition niederschlagen. In der neu erstellten Klasse fügen Sie nun also durch einen Doppelpunkt getrennt hinter dem Klassennamen die Schnittstelle IValue-Converter <\/b>hinzu:<\/p>\n
public class BoolInvertConverter : IValueConverter {\r\n}<\/pre>\n
IValueConverter <\/b>wird nun rot unterstrichen dargestellt, was daran liegt, dass wir die Member der Schnittstelle noch nicht implementiert haben. Das holen Sie am einfachsten nach, indem Sie mit der rechten Maustaste auf den Namen der Schnittstelle klicken, den Kontextmenü-Eintrag Schnellaktionen und Refactorings… <\/b>auswählen und im nun erscheinenden Popup auf Schnittstelle implementieren <\/b>klicken. Dies fügt die folgenden beiden Methoden zur Klasse hinzu:<\/p>\n
public object Convert(object value, Type targetType, object parameter, CultureInfo culture) {\r\n     throw new NotImplementedException();\r\n}\r\npublic object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) {\r\n     throw new NotImplementedException();\r\n}<\/pre>\n
Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>
\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
\n\n\t\t\n\t\t