1.1 邏輯樹與可視樹

    如果把一片樹葉放在顯微鏡下觀察，你會發現這片葉子也像一棵樹----有自己的基部並向上生長出多級分叉。在WPF的Logic Tree上，扮演葉子的一般都是控制元件。如果我們把WPF中的控制元件也放在顯微鏡下觀察，你會發現WPF控制元件本身也是一棵由更細微級別的元件（他們不是控制元件，而是一些視覺化元件，派生至Visual類）組成的樹。

    在WPF中有兩種樹:邏輯樹（Logical Tree）和可視樹（Visual Tree），XAML是表達WPF的一棵樹。邏輯樹完全是由佈局元件和控制元件構成。如果我們把邏輯樹延伸至Template元件級別，我們就得到了可視樹，所以可視樹把樹分的更細緻。

1.2 事件的來龍去脈

    微軟把訊息機制封裝成了更容易讓人理解的事件模型。

    事件模型隱藏了訊息機制的很多細節，讓程式開發變的簡單。繁瑣的訊息驅動機制在事件模型中被簡化為了3個關鍵點：

事件的擁有者：即訊息的傳送者。事件的宿主可以在某些條件下激發它擁有的事件，事件被觸發則訊息被髮送。

事件的響應者：即訊息的接收者、處理者。事件接收者使用其事件處理器（EventHandler）對事件做出響應。

事件的訂閱關係：事件的擁有者可以隨時激發事件，但事件發生後會不會得到響應要看有沒有事件響應者，或者說要看這個事件是否被關注。如果物件A關注物件B的某個事件是否發生，則稱A訂閱了B的某個事件。更進一步講，事件實際上是一個使用Event關鍵字修飾的委託型別的成員變數，事件處理器則是一個函式，說A訂閱了B的某個事件，本質就是讓B.Event和A.EventHandler關聯起來。所謂事件激發就是B.Event被呼叫，這時，與其關聯的A.EventHandler就會被呼叫。

    在這種模型裡，事件的響應者通過訂閱關係直接關聯在事件擁有者的事件上，為了與WPF路由事件模型分開，我們把這種事件模型稱為直接事件模型或CLR事件模型。每條訊息是“傳送---響應”關係，必須顯示的建立點對點訂閱關係。

1.3 初試路由事件

    為了降低由事件訂閱帶來的耦合度和程式碼量，WPF推出了路由事件機制。路由事件和直接事件的區別在於，直接事件激發時，傳送者直接將訊息通過事件訂閱交給事件的響應者，事件響應者使用其事件處理器方法對事件的發生做出響應驅動邏輯程式按客戶需求執行。路由事件的擁有者和事件響應者之間則沒有直接顯示的訂閱關係，事件的擁有者只負責激發事件，事件將由誰響應它並不知道，事件的響應者則安裝有事件偵聽器，針對某類事件進行偵聽。

    舉個例子，在Visual Tree上有一個button控制元件，當它被單擊的時候就相當於自己喊了一聲“我被單擊了”，這樣一個button.Click開始在Visual Tree上開始傳播。當事件經過某個節點的時候如果這個節點沒有安裝用於偵聽button.Click事件的“耳朵”，那麼它會無視這個事件，讓它繼續暢通無阻的繼續傳播，如果某個節點安裝了針對button.Click的偵聽器，它的事件處理器就會被呼叫，在事件處理器內部，程式設計師可以檢視路由事件原始的出發點是哪個控制元件，上一站是哪裡，還可以決定事件傳遞到此為止還是可以繼續往下傳遞----路由事件就是這樣依靠“口耳相傳”的辦法將訊息傳遞給“關心”它的控制元件的。雖然WPF推出了路由事件機制，但它仍然支援傳統的直接事件模型。

下面通過一個例子初試一下路由事件：

<Window x:Class="WpfApplication8.wnd831"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="200" Width="200">
    <Grid x:Name="_gridRoot" Background="Lime">
        <Grid x:Name="_gridA" Background="Blue" Margin="10">
            <Grid.ColumnDefinitions>
                <ColumnDefinition></ColumnDefinition>
                <ColumnDefinition></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Canvas x:Name="_canvasLeft" Background="Red" Margin="10" Grid.Column="0">
                <Button x:Name="_buttonLeft" Content="Left" Margin="10" Width="45" Height="110"/>
            </Canvas>
            <Canvas x:Name="_canvasRight" Background="LightSlateGray" Margin="10" Grid.Column="1">
                <Button x:Name="_buttonRight" Content="Right" Margin="10" Width="45" Height="110"/>
            </Canvas>
        </Grid>
    </Grid>
</Window>

    /// <summary>
    /// MainWindow.xaml 的互動邏輯
    /// </summary>
    public partial class wnd831 : Window
    {
        public wnd831()
        {
            InitializeComponent();

            // 為指定的路由事件新增路由事件處理程式
            _gridRoot.AddHandler(Button.ClickEvent, new RoutedEventHandler(ButtonClicked));
        }

        public void ButtonClicked(object sender, RoutedEventArgs e)
        {
            MessageBox.Show((e.OriginalSource as FrameworkElement).Name);
        }
    }

     下面先解釋一下路由事件是怎麼沿著可視樹來傳播的,當Button被點選，Button就開始傳送訊息了，可視樹上的元素如果訂閱了Button的點選事件，那麼才會根據訊息來作出相應的反應，如果沒有訂閱的話，就無視它發出的訊息，當然我們還可以控制它的訊息的傳播方式，是從樹根到樹葉傳播，還是樹葉向樹根傳播以及是直接到達目的傳播，不僅如此，還能控制訊息傳到某個元素時，停止傳播。具體的會在後面記錄到。

    其次是this._GridRoot.AddHandler(Button.ClickEvent,new RoutedEventHandler(this.ButtonClicked));訂閱事件時，第一個引數是路由事件型別，在這裡用的是Button的ClickEvent，就像依賴屬性一樣，類名加上依賴屬性，這裡是類名加上路由事件。另外一個是e.OriginalSource與e.Source的區別，由於訊息每傳一站，都要把訊息交到下一個控制元件（此控制元件成為了訊息的傳送地點），e.Source為邏輯樹上的源頭，要想獲取原始發訊息的控制元件（可視樹的源頭）要用e.OriginalSource。

1.4 自定義路由事件

建立自定義路由事件大體分為3個步驟：
宣告並註冊路由事件。
為路由事件新增CLR事件包裝。
建立可以激發路由事件的方法。

宣告路由事件引數：

    /// Event Handler
    delegate void ReportTimeRouteEventHandler(object sender, ReportTimeRoutedEventArgs e);

    /// <summary>
    /// 包含時間的路由事件引數
    /// </summary>
    public class ReportTimeRoutedEventArgs : RoutedEventArgs
    {
        public ReportTimeRoutedEventArgs(RoutedEvent routedEvent, object source)
            : base(routedEvent, source){}

        public DateTime ClickTime { get; set; }
    }

    /// <summary>
    /// 繼承Button
    /// </summary>
    public class TimeButton : Button
    {
        /// <summary>
        /// 宣告和註冊路由事件
        /// </summary>
        public static readonly RoutedEvent ReportTimeEvent = EventManager.RegisterRoutedEvent(
            "ReportTime",
            RoutingStrategy.Bubble,
            typeof(ReportTimeRouteEventHandler)/*typeof(EventHandler<ReportTimeRoutedEventArgs>)*/,
            typeof(TimeButton));

        /// <summary>
        /// CLR事件包裝器
        /// </summary>
        public event RoutedEventHandler ReportTime
        {
            add { this.AddHandler(ReportTimeEvent, value); }
            remove { this.RemoveHandler(ReportTimeEvent, value); }
        }

        /// <summary>
        /// 激發路由事件，借用Click事件激發
        /// </summary>
        protected override void OnClick()
        {
            base.OnClick();

            ReportTimeRoutedEventArgs args = new ReportTimeRoutedEventArgs(ReportTimeEvent, this);
            args.ClickTime = DateTime.Now;
            this.RaiseEvent(args);
        }
    }

第一個引數是一個String型別，被稱為路由事件的名稱，按微軟的建議，這個字串應該與RountEvent變數的字首和CLR事件包裝器名稱一致。本例中，路由事件的名稱是ReportTimeEvent，則此字串是ReportTime，CLR事件名亦為ReportTime。

第二個引數為路由事件的策略。WPF路由事件有三種路由策略：
Bubble，冒泡式：路由事件由事件激發者出發向它的上一層容器一層一層路由，直至最外層的容器（Windows或Page）。因為是由樹的底部想樹的頂部移動，而且從事件激發元素到UI樹的樹根只有確定的一條路徑，所以這種策略被形象的命名為“冒泡式”。
Tunnel，隧道式：事件的路由剛好和冒泡式相反，是由樹的樹根向事件激發者移動，這就想當於在樹根和目標控制元件之間挖了一條隧道，事件只能沿著隧道移動，所以稱為“隧道式”。
Direct，直達式：模仿CLR直接事件，直接將事件訊息送達事件處理器。

第三個引數用於指定事件處理器的型別。事件處理器的返回值型別和引數列表必須與此引數指定的委託保持一致，不然會導致在編譯的時候報異常。

第四個引數用於指定路由事件的宿主（擁有者）是哪個型別。

XAML：讓控制元件都監聽型別為ReportTime的路由事件：

<Window x:Class="WpfApplication8.wnd832"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication8"
        Title="wnd832" Height="300" Width="300">
    <Grid x:Name="grid_1"  local:TimeButton.ReportTime="ReportTimeHandle">
        <Grid x:Name="grid_2" local:TimeButton.ReportTime="ReportTimeHandle">
            <Grid x:Name="grid_3" local:TimeButton.ReportTime="ReportTimeHandle">
                <StackPanel x:Name="dock1" local:TimeButton.ReportTime="ReportTimeHandle">
                    <ListBox x:Name="listBox1" local:TimeButton.ReportTime="ReportTimeHandle"/>
                    <local:TimeButton x:Name="btn1" Content="報時" Width="80" Height="80" local:TimeButton.ReportTime="ReportTimeHandle"/>
                </StackPanel>
            </Grid>
        </Grid>
    </Grid>
</Window>

public void ReportTimeHandle(object sender, ReportTimeRoutedEventArgs e)
{
    FrameworkElement ele = sender as FrameworkElement;
    string content = string.Format("{0}到達{1}", e.ClickTime.ToLongTimeString(), ele.Name);
    listBox1.Items.Add(content);

    //當事件傳遞到grid_2就停止了
    if (ele == grid_2)
    {
        e.Handled = true; 
    }
}

參考《深入淺出WPF》