{"id":55000171,"date":"2019-04-01T00:00:00","date_gmt":"2020-03-27T19:36:50","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=171"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"WPF_DataTrigger_und_MultiDataTrigger","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/WPF_DataTrigger_und_MultiDataTrigger\/","title":{"rendered":"WPF: DataTrigger und MultiDataTrigger"},"content":{"rendered":"

Um die Eigenschaftswerte von Steuerelementen abhängig von den Werten anderer Steuer-elemente oder auch von Eigenschaften einzustellen, verwenden Sie Data-Trigger oder MultiDataTrigger. Wir schauen uns in diesem Artikel die Grundlagen zu diesen Elementen an und zeigen anhand einiger Beispiele, was beim Praxis-ein-satz zu beachten ist. Dabei betrachten wir auch, wie Sie DataTrigger auf Basis von Eigenschaften im Code behind-Modul des WPF-Objekts verwenden können.<\/b><\/p>\n

Eigenschaften per VB einstellen<\/h2>\n

Wer von Access kommt, kennt nur zwei Methoden, um die Eigenschaften eines Steuerelements einzustellen: über das Eigenschaftsfenster oder per VBA. Beide Methoden sind beliebig miteinander kombinierbar. Sie können einen initialen Wert über das Eigenschaftsfenster einstellen oder dies per VBA erledigen, etwa in der Ereignisprozedur Form_Load <\/b>des Formulars. Nachträgliche Einstellungen sind allerdings nur per VBA möglich.<\/p>\n

Unter WPF\/VB gibt es umfangreichere Möglichkeiten. Sie können eine Eigenschaft natürlich explizit im WPF-Code eines Elements festlegen – um etwa ein Steuer-element gleich beim Anzeigen des Fensters zu deaktivieren, stellen Sie die Eigenschaft einfach wie folgt ein (siehe Fenster EigenschaftPerWPF.xaml<\/b>):<\/p>\n

<Button x:Name=\"btnBeimAnzeigenDeaktiviert\" ... IsEnabled=\"False\" \/><\/pre>\n
Sie können dem Fenster dann zwei Schaltflächen hinzufügen, mit deren Ereignismethoden für das Attribut Click <\/b>die Eigenschaft IsEnabled <\/b>auf True <\/b>oder False <\/b>eingestellt wird:<\/p>\n
Private Sub <\/span>btnAktivieren_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n     btnBeimAnzeigenDeaktiviert.IsEnabled = True<\/span>\r\nEnd Sub<\/span>\r\nPrivate Sub <\/span>btnDeaktivieren_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n     btnBeimAnzeigenDeaktiviert.IsEnabled = False<\/span>\r\nEnd Sub<\/span><\/pre>\n
Das Ergebnis sieht dann wie in Bild 1 aus. <\/p>\n
\"Aktivieren<\/p>\n
Bild 1: Aktivieren und deaktivieren per Schaltfläche und VB-Prozedur<\/span><\/b><\/p>\n
Die nächste Möglichkeit ist, diese Eigenschaft an eine öffentliche Eigenschaft im Code behind-Modul zu koppeln.<\/p>\n
Eigenschaft an Code behind-Eigenschaft koppeln<\/h2>\n
Sie können die Eigenschaft IsEnabled <\/b>auch an eine öffentlich deklarierte Eigenschaft im Code behind-Modul koppeln (siehe Fenster EigenschaftPerCodeBehind.xaml<\/b>). Man könnte naiverweise meinen, dass folgender Code im Code behind-Modul ausreicht:<\/p>\n
Public Property <\/span>Aktiviert As Boolean<\/span>\r\nPrivate Sub <\/span>btnAktivieren_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n     Aktiviert = True<\/span>\r\nEnd Sub<\/span>\r\nPrivate Sub <\/span>btnDeaktivieren_Click(sender As Object<\/span>, e As <\/span>RoutedEventArgs)\r\n     Aktiviert = False<\/span>\r\nEnd Sub<\/span><\/pre>\n
Dabei wollen wir voraussetzen, dass die Schaltfläche über die Eigenschaft IsEnabled <\/b>an die Eigenschaft Aktiviert <\/b>gebunden ist:<\/p>\n
<Button x:Name=\"btnBeimAnzeigenDeaktiviert\" Content=\"Beim Anzeigen deaktiviert\" IsEnabled=\"{Binding Aktiviert}\" ... \/><\/pre>\n
Das reicht allerdings nicht aus, denn beim Anklicken der beiden Schaltflächen btnAktivieren <\/b>und btnDeaktivieren <\/b>geschieht nichts. Das ändert sich auch nicht, wenn wir die Schnittstelle INotifyPropertyChanged<\/b> implementieren, die notwendig ist, um Aktualisierungen von Eigenschaften über die Bindung in die Benutzeroberfläche zu übertragen. Zusätzlich benötigen wir nämlich auch noch eine Konstruktor-Methode, die beim Erstellen des Fensters aufgerufen wird und dem WPF-Fenster mitteilt, dass es an die Eigenschaften des Code behind-Moduls gebunden werden soll. Insgesamt sieht der Code für das Code behind-Modul nun wie folgt aus. Als Erstes fügen wir einen Verweis auf den Namespace System.ComponentModel <\/b>hinzu, den wir für die INotifyPropertyChanged<\/b>-Schnittstelle benötigen:<\/p>\n
Imports System.ComponentModel<\/pre>\n
Dann fügen wir die Implements<\/b>-Anweisung zur Implementierung der Schnittstelle hinzu sowie die Eigenschaft Aktiviert<\/b>, in der wir die Schnittstelle nutzen wollen:<\/p>\n
Public Class<\/span> EigenschaftPerCodeBehind\r\n     Implements INotifyPropertyChanged\r\n     Private <\/span>_Aktiviert As Boolean<\/span>\r\n     Public <\/span>Event PropertyChanged As <\/span>PropertyChangedEventHandler Implements INotifyPropertyChanged.PropertyChanged\r\n     Public <\/span>Property Aktiviert As Boolean<\/span>\r\n         Get\r\n             Return _Aktiviert\r\n         End Get\r\n         Set<\/span>\r\n             _Aktiviert = Value\r\n             RaiseEvent PropertyChanged(Me, New<\/span> PropertyChangedEventArgs(\"Aktiviert\"))\r\n         End Set<\/span>\r\n     End Property<\/pre>\n
Fehlt noch die Konstruktor-Anweisung, in der wir mit DataContext = Me <\/b>angeben, dass die öffentlichen Eigenschaften des Code behind-Moduls vom XAML-Code aus gebunden werden können:<\/p>\n
     Public <\/span>Sub New()\r\n         InitializeComponent()\r\n         DataContext = Me\r\n         Aktiviert = False<\/span>\r\n     End Sub\r\nEnd Class<\/span><\/pre>\n
Das allein reicht allerdings noch nicht aus. Wir müssen auch noch die Eigenschaft IsEnabled=”{Binding Aktiviert}” <\/b>ersetzen, denn für die Bindung an eine Eigenschaft einer anderen Klasse ist ein DataTrigger nötig. Diesen hinterlegen wir wie folgt für die Schaltfläche btnAktivierenDeaktivieren<\/b>:<\/p>\n
<Button x:Name=\"btnAktivierenDeaktivieren\" Content=\"Aktivieren\/Deaktivieren\" HorizontalAlignment=\"Left\" Height=\"38\"         Margin=\"28,22,0,0\" VerticalAlignment=\"Top\" Width=\"180\">\r\n     <Button.Style>\r\n         <Style TargetType=\"{x:Type Button}\">\r\n             <Setter Property=\"IsEnabled\" Value=\"False\"><\/Setter>\r\n             <Style.Triggers>\r\n                 <DataTrigger Binding=\"{Binding Aktiviert}\" Value=\"True\">\r\n                     <Setter Property=\"IsEnabled\" Value=\"True\" \/>\r\n                 <\/DataTrigger>\r\n             <\/Style.Triggers>\r\n         <\/Style>\r\n     <\/Button.Style>\r\n<\/Button><\/pre>\n
Hier sind gleich mehrere wichtige Informationen untergebracht:<\/p>\n