WPF自學入門（三）WPF路由事件之內置路由事件

       有沒有想過在.NET中已經有了事件機制，為什么在WPF中不直接使用.NET事件要加入路由事件來取代事件呢？最直觀的原因就是典型的WPF應用程序使用很多元素關聯和組合起來，是否還記得在WPF自學入門（一）XAM基本知識中提到過兩棵樹，邏輯樹LogicalTree 和可視化樹 VisualTree，那么它們分別是什么？

舉個例子：

上面的代碼就是邏輯樹LogicalTree，一個Grid里面鑲嵌了其他控件或布局組件，相當於一棵樹中的葉子。而可視化樹VisualTree是什么？它就是一個樹中的樹葉里面的結構，用放大鏡看一下，其實葉子里面的結構也是一顆樹結構

舉個例子：

       既然WPF中使用這樣的一個設計理念，路由事件就是特別為WPF而生，它的功能就是可以把一個事件從觸發點沿着樹向上或者向下傳播，需要對這個事件作出反應的地方就添加一個監聽器，就會有相應的反應，當然，它的傳遞是可以用代碼來停止。 好了，我已經大概了解了一些路由事件。下面先來了解一下WPF內置的路由事件和原理，然后我們來創建一個屬於自己的路由事件。

1、WPF內置的路由事件

      新建WPF項目，在頁面上放置按鈕。然后在Window，Grid，Button標簽上使用MouseDown事件，如下圖

添加后置代碼

調試運行，鼠標右鍵點擊按鈕，會依次彈出下列三個對話框。

ButtonMouseDown事件被觸發:

 

GridMouseDown事件被觸發:

 

WindowMouseDown事件被觸發:

 

       我點擊的是按鈕，為什么Grid和Window也會引發事件呢？其實這就是路由事件的機制，引發的事件由源元素逐級傳到上層的元素，Button—>Grid—>Window，這樣就導致這幾個元素都接收到了事件。（注意一定是鼠標右鍵，否則引發不了事件。）

      如果想Grid和Window不處理這個事件，只需要在Button_MouseDown這個方法中加上e.Handled = true; 這樣就表示事件已經被處理，其他元素不需要再處理這個事件了。

 private void Button_MouseDown(object sender, MouseButtonEventArgs e)

  {

            MessageBox.Show("Button被點擊！");

            e.Handled = true;

   }

        如果想要Grid參與事件處理只需要給它AddHandler即可

grid.AddHandler(Grid.MouseDownEvent, new RoutedEventHandler(Grid_MouseDown), true);

        到這里我想大家應該對路由事件有了大概認識了。路由事件實際上分兩類：氣泡事件和預覽事件（也叫做隧道事件）。上文中的例子就是氣泡事件。

2、內置路由事件學習總結：

     氣泡事件是WPF路由事件中最為常見，它表示事件從源元素擴散傳播到可視樹，直到它被處理或到達根元素。這樣我們就可以針對源元素的上方層級對象處理事件。(例如MouseDown)

     預覽事件采用另一種方式，從根元素開始，向下遍歷元素樹，直到被處理或到達事件的源元素。這樣上游元素就可以在事件到達源元素之前先行截取並進行處理。根據命名慣例，預覽事件帶有前綴 Preview（例如 PreviewMouseDown）。

     氣泡事件和預覽事件區別

     氣泡事件：在Button上點擊，首先彈出“Button”，再彈出“Grid”,最后彈出“Window”。

     預覽事件：在Button上點擊，首先彈出“Window”，再彈出“Grid”,最后彈出“Button”。

     看到了這個順序區別，那么我們加入e.Handled=true的時機也要不同

 

PS:本人也是WPF的初學者，如有不對的地方，歡迎在評論區多多指教，學習，為了分享，為了提高。