Eigenschaftstrigger (Property Trigger)<\/h2>\n
Gleich zu Beginn zeigen wir Ihnen, dass Sie Trigger ganz einfach statt einfacher C#-Ereignismethoden einsetzen können. Im Beispiel wollen wir die aktive Schaltfläche jeweils mit einem hellgelben Hintergrund versehen. Dazu definieren wir unseren XAML-Code wie folgt (siehe Beispielprojekt, Seite TriggerPerCSharpEreignis.xaml<\/b>):<\/p>\n Für die vier für die beiden Textfelder definierten Ereignisattribute hinterlegen wir die folgenden vier Ereignismethoden im Code behind-Modul:<\/p>\n Dies sorgt dafür, dass das jeweilige Textfeld bei Fokuserhalt jeweils auf die Hintergrundfarbe LightYellow <\/b>eingestellt wird. Bei Fokusverlust leeren wir die Eigenschaft Background <\/b>wieder, indem wir diese auf den Wert null <\/b>einstellen.<\/p>\n Dies ergibt ein Fenster wie in Bild 1.<\/p>\n Bild 1: Fenster mit zwei Textfeldern, von denen das aktive jeweils einen gelben Hintergrund erhält<\/span><\/b><\/p>\n Dies können Sie auch ohne C#-Code erreichen, allerdings mit etwas mehr Schreibaufwand. Ändern Sie den Code für die erste TextBox wie folgt (Beispielprojekt, Seite PropertyTrigger.xaml<\/b>):<\/p>\n Die wesentlichen Elemente hier sind die folgenden:<\/p>\n Wir setzen einen Trigger, der ausgelöst werden soll, wenn die Eigenschaft IsFocused <\/b>den Wert True <\/b>enthält. Dann soll eine weitere Eigenschaft namens Background <\/b>auf den Wert LightYellow <\/b>eingestellt werden. Das Drumherum benötigen wir, um den Trigger für die Textbox verfügbar zu machen. In diesem Fall legen wir ein Style<\/b>-Objekt für die Style<\/b>-Eigenschaft der Textbox an (TextBox.Style<\/b>), der wir in der Triggers<\/b>-Auflistung den obigen Trigger bekannt machen.<\/p>\n Wenn wir der zweiten Textbox genau den gleichen Trigger unterschieben, erhalten wir genau das gleiche Verhalten wie beim ersten Beispiel, wo wir die Änderung des Hintergrunds noch mit C#-Ereignismethoden realisiert haben.<\/p>\n Welche Vorteile liefert uns diese Vorgehensweise Aktuell nur den, dass wir das Code behind-Modul nicht aufblasen. Stattdessen haben wir aber einigen Code mehr im .xaml<\/b>-Modul. Bei beiden Varianten hätten wir noch viel mehr Code, wenn wir dieses Verhalten für weitere Textfelder implementieren wollten. Das können wir aber in beiden Fällen ändern. <\/p>\n Ein weiterer Vorteil ist, dass die Eigenschaften immer überwacht werden und der Zustand auch wieder rückgängig gemacht wird, wenn die Bedingung nicht mehr erfüllt ist. Verliert das erste TextBox<\/b>-Element also den Fokus, ist IsFocused <\/b>nicht mehr True<\/b>, also wird auch der Wert für die dadurch geänderte Eigenschaft Background <\/b>wieder zurückgenommen.<\/p>\n Wenn wir davon ausgehen, dass alle TextBox<\/b>-Elemente eines Fensters (oder, wie in diesem Fall, einer Seite) das gleiche Verhalten implementieren sollen, können wir den Style mit dem Trigger auch in den Ressourcen des Fensters\/der Seite festlegen. Die Trigger-Definitionen für die einzelnen Steuerelemente können Sie dann entfernen. Der Vorteil ist, dass Sie nun beliebig viele Textfelder hinzufügen können – alle werden beim Fokuserhalt gelb hinterlegt. Der benötigte Code sieht so aus (siehe Beispielprojekt, Seite PropertyTrigger_Resource.xaml<\/b>) und wird direkt unterhalb des Page<\/b>-Elements eingefügt:<\/p>\n Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span><Grid>\r\n <Grid.ColumnDefinitions>\r\n <ColumnDefinition Width=\"Auto\"><\/ColumnDefinition>\r\n <ColumnDefinition><\/ColumnDefinition>\r\n <\/Grid.ColumnDefinitions>\r\n <Grid.RowDefinitions>\r\n <RowDefinition Height=\"Auto\"><\/RowDefinition>\r\n <RowDefinition Height=\"Auto\"><\/RowDefinition>\r\n <\/Grid.RowDefinitions>\r\n <Label Content=\"Vorname:\" Margin=\"5\"><\/Label>\r\n <TextBox x:Name=\"txtVorname\" ... GotFocus=\"txtVorname_GotFocus\" LostFocus=\"txtVorname_LostFocus\"><\/TextBox>\r\n <Label Content=\"Nachname:\" Margin=\"5\" Grid.Row=\"1\"><\/Label>\r\n <TextBox x:Name=\"txtNachname\" ... GotFocus=\"txtNachname_GotFocus\" LostFocus=\"txtNachname_LostFocus\"><\/TextBox>\r\n<\/Grid> <\/pre>\n
private void txtVorname_GotFocus(object sender, RoutedEventArgs e) {\r\n txtVorname.Background = Brushes.LightYellow;\r\n}\r\nprivate void txtVorname_LostFocus(object sender, RoutedEventArgs e) {\r\n txtVorname.Background = null;\r\n}\r\nprivate void txtNachname_GotFocus(object sender, RoutedEventArgs e) {\r\n txtNachname.Background = Brushes.LightYellow;\r\n}\r\nprivate void txtNachname_LostFocus(object sender, RoutedEventArgs e) {\r\n txtNachname.Background = null;\r\n}<\/pre>\n![\"Fenster](\"..\/fileadmin\/_temp_\/2016_06\/pic_62_001.png\")
<\/p>\nEigenschaftsänderung per XAML<\/h2>\n
<TextBox x:Name=\"txtVorname\" Grid.Row=\"1\" Grid.Column=\"1\" Margin=\"5\">\r\n <TextBox.Style>\r\n <Style TargetType=\"{x:Type TextBox}\">\r\n <Style.Triggers>\r\n <Trigger Property=\"IsFocused\" Value=\"True\">\r\n <Setter Property=\"Background\" Value=\"LightYellow\"><\/Setter>\r\n <\/Trigger>\r\n <\/Style.Triggers>\r\n <\/Style>\r\n <\/TextBox.Style>\r\n<\/TextBox><\/pre>\n<Trigger Property=\"IsFocused\" Value=\"True\">\r\n <Setter Property=\"Background\" Value=\"LightYellow\"><\/Setter>\r\n<\/Trigger><\/pre>\n
Property-Trigger per Ressource<\/h2>\n
<Page.Resources>\r\n <Style TargetType=\"{x:Type TextBox}\">\r\n <Style.Triggers>\r\n <Trigger Property=\"IsFocused\" Value=\"True\">\r\n <Setter Property=\"Background\" Value=\"LightYellow\"><\/Setter>\r\n <\/Trigger>\r\n <\/Style.Triggers>\r\n <\/Style>\r\n<\/Page.Resources><\/pre>\nData Trigger<\/h2>\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