{"id":55000104,"date":"2017-10-01T00:00:00","date_gmt":"2020-03-27T19:28:40","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=104"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"Bubbling_und_Tunneling_Routed_Events","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/Bubbling_und_Tunneling_Routed_Events\/","title":{"rendered":"Bubbling und Tunneling: Routed Events"},"content":{"rendered":"

Im Vergleich zu VBA, wo jedes Ereignis für das Steuer-element behandelt wurde, welches es auch ausgelöst hat, gibt es unter WPF einige Erweiterungen. Es gibt dort auch solche Ereignisse, aber in vielen Fällen werden Ereignisse an übergeordnete Elemente weitergeleitet. Das hört sich erstmal so an, als ob man es nicht unbedingt benötigt. Dennoch wollen wir das Prinzip anhand eines Beispiels erläutern, damit Sie mitunter auftretendes unerwartetes Verhalten von Code interpretieren können.<\/b><\/p>\n

Unter WPF sind Elemente verschachtelt, das heißt, es gibt übergeordnete und untergeordnete Elemente. Das Window<\/b>-Element ist normalerweise das Hauptelement, welches dann ein Grid <\/b>enthält, in dem sich wiederum ein Stackpanel <\/b>mit einer Schaltfläche befinden könnte:<\/p>\n

<Window x:Class=\"BubblingAndTunneling.MainWindow\" ... Title=\"MainWindow\" Height=\"350\" Width=\"525\">\r\n     <Grid>\r\n         <StackPanel>\r\n             <Button x:Name=\"btn\" Content=\"Klick mich!\" ... Click=\"btn_Click\"><\/Button>\r\n         <\/StackPanel>\r\n     <\/Grid>\r\n<\/Window><\/pre>\n
Direkte Ereignisse\/Direct Events<\/h2>\n
Wenn der Benutzer nun auf die Schaltfläche namens btn <\/b>klickt, wird das Ereignis Click <\/b>ausgelöst, welches üblicherweise durch eine Ereignismethode etwa namens btn_Click <\/b>implementiert wird:<\/p>\n
private void btn_Click(object sender, RoutedEventArgs e) {\r\n     MessageBox.Show(\"Klick!\");\r\n}<\/pre>\n
Bei dem Click<\/b>-Ereignis handelt es sich um ein direktes Ereignis. Dieses wird nur von dem Element ausgelöst, für das es implementiert wurde.<\/p>\n
Tunneling Events<\/h2>\n
Bei Tunneling Events handelt es sich um alle Ereignisse, die mit dem Präfix Preview <\/b>beginnen, also beispielsweise Preview-MouseDown<\/b>. Was ist die Besonderheit dieser Ereignisse Sie werden immer vom Element der obersten Ebene aus zu den unteren Ebenen abgearbeitet. Wenn Sie also das Ereignis PreviewMouseDown <\/b>für alle vier Elemente des obigen Beispiels definieren, sieht das wie folgt aus:<\/p>\n
<Window x:Class=\"BubblingAndTunneling.MainWindow\" ... Title=\"MainWindow\" Height=\"350\" Width=\"525\" MouseDown=\"Window_MouseDown\" PreviewMouseDown=\"Window_PreviewMouseDown\">\r\n     <Grid MouseDown=\"Grid_MouseDown\" PreviewMouseDown=\"Grid_PreviewMouseDown\" >\r\n         <StackPanel MouseDown=\"StackPanel_MouseDown\" PreviewMouseDown=\"StackPanel_PreviewMouseDown\">\r\n             <Button x:Name=\"btn\" Content=\"Klick mich!\" ... MouseDown=\"btn_MouseDown\" \r\n                 PreviewMouseDown=\"btn_PreviewMouseDown\"><\/Button>\r\n         <\/StackPanel>\r\n     <\/Grid>\r\n<\/Window><\/pre>\n
Für diese Ereignisse hinterlegen wir die folgenden Methoden (für Debug.WriteLine <\/b>müssen Sie den passenden Namespace mit using System.Diagnostics <\/b>hinzufügen):<\/p>\n
private void Window_PreviewMouseDown(object sender, MouseButtonEventArgs e) {\r\n     Debug.WriteLine(\"Window_PreviewMouseDown\");\r\n}\r\nprivate void Window_MouseDown(object sender, MouseButtonEventArgs e) {\r\n     Debug.WriteLine(\"Window_MouseDown\");\r\n}\r\nprivate void Grid_PreviewMouseDown(object sender, MouseButtonEventArgs e) {\r\n     Debug.WriteLine(\"Grid_PreviewMouseDown\");\r\n}\r\nprivate void Grid_MouseDown(object sender, MouseButtonEventArgs e) {\r\n     Debug.WriteLine(\"Grid_MouseDown\");                       \r\n} \r\nprivate void StackPanel_PreviewMouseDown(object sender, MouseButtonEventArgs e) {\r\n     Debug.WriteLine(\"StackPanel_PreviewMouseDown\");\r\n}\r\nprivate void StackPanel_MouseDown(object sender, MouseButtonEventArgs e) {\r\n     Debug.WriteLine(\"StackPanel_MouseDown\");\r\n}\r\nprivate void btn_PreviewMouseDown(object sender, MouseButtonEventArgs e) {\r\n     Debug.WriteLine(\"btn_PreviewMouseDown\");\r\n}\r\nprivate void btn_MouseDown(object sender, MouseButtonEventArgs e) {\r\n     Debug.WriteLine(\"btn_MouseDown\");\r\n}<\/pre>\n
Wenn wir nun die Anwendung starten und mit der linken Maustaste auf die Schaltfläche klicken, erhalten wir das Ergebnis aus Bild 1. Es werden also offensichtlich nur die Tunneling-Methoden ausgelöst, also diejenigen, die mit Preview… <\/b>beginnen.<\/p>\n
\"Es<\/p>\n
Bild 1: Es feuert nur die Hälfte der angegebenen Ereignisse.<\/span><\/b><\/p>\n
Immerhin ist hier gut zu erkennen, dass dies ausgehend von der obersten Ebene (Window<\/b>) bis runter zum Button<\/b>-Element geschieht. Aber warum werden die MouseDown<\/b>-Ereignisse nicht ausgelöst<\/p>\n
Dies ist wiederum der Fall, wenn wir auf den freien Bereich neben der Schaltfläche klicken. Dann erhalten wir die folgende Ausgabe:<\/p>\n
Window_PreviewMouseDown\r\nGrid_PreviewMouseDown\r\nStackPanel_PreviewMouseDown\r\nStackPanel_MouseDown\r\nGrid_MouseDown\r\nWindow_MouseDown<\/pre>\n
Hier werden also korrekt erst die Tunneling-Ereignisse ausgelöst und dann in umgekehrte Reihenfolge die Bubbling-Ereignisse.<\/p>\n
Bubbling Events<\/h2>\n
Bevor wir uns darum kümmern, warum beim Anklicken der Schaltfläche nur die Tunneling-Events ausgelöst werden, noch kurz die Erläuterung der Bubbling-Ereignisse. Dies sind die Ereignisse, die in umgekehrter Reihenfolge wie die Tunneling-Ereignisse ausgelöst werden – also ausgehend vom auslösenden Element bis hin zum obersten Element der Hierarchie (wie gut im Beispiel oben zu sehen, wo wir nicht die Schaltfläche, sondern das StackPanel<\/b>-Element angeklickt haben). Diese werden allerdings immer nach den Tunneling-Ereignissen abgearbeitet.<\/p>\n
Warum kein MouseDown<\/h2>\n
Nun schauen wir uns an, warum die Bubbling Events nicht ausgeführt werden, wenn wir das Button<\/b>-Element mit der linken Maustaste anklicken. Der Grund ist einfach: Wenn Sie mit der linken Maustaste auf einen Button klicken, wird dessen Click<\/b>-Ereignis ausgelöst, was dafür sorgt, dass das MouseDown<\/b>-Ereignis nicht mehr feuert – und somit auch nicht die MouseDown<\/b>-Ereignisse der in der Hierarchie über dem Button<\/b>-Element liegenden Elemente. Dies gilt beispielsweise auch für das Textfeld. <\/p>\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