WPF路由事件(冒泡事件和隧道事件)

「爱情、让人受尽委屈。」 2023-02-14 15:57 135阅读 0赞

### 隧道事件： ###

在视觉树 从上往下，从window->实际源头，一般为被点击的控件。

有preview标注的的都是隧道事件

### 冒泡事件： ###

在视觉树，丛下往上，点击的控件，一直到最上层（window）

没有preview标注的的都是冒泡事件

理解事件的触发顺序有助于我们更好的搭建程序结构

举例代码如下：

这个是xaml，window里面有一个Grid， Grid里面有一个TextBlock

CS代码如下：

namespace wpfpreview
    {
        /// <summary>
        /// MainWindow.xaml 的交互逻辑
        /// </summary>
        public partial class MainWindow : Window
        {
            public MainWindow()
            {
                InitializeComponent();
    
                this.PreviewMouseDown += MainWindow_PreviewMouseDown;
                grid.PreviewMouseDown += Grid_PreviewMouseDown;
                btn.PreviewMouseDown += Btn_PreviewMouseDown;
    
                this.MouseDown += MainWindow_MouseDown;
                grid.MouseDown += Grid_MouseDown;
                btn.MouseDown += Btn_MouseDown; 
            }
            //执行顺序如下：
            private void Btn_MouseDown(object sender, MouseButtonEventArgs e)
            {
                 //4
            }
    
            private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
            {
                //5
            }
    
            private void MainWindow_MouseDown(object sender, MouseButtonEventArgs e)
            {
                //6
            }
    
            private void Btn_PreviewMouseDown(object sender, MouseButtonEventArgs e)
            {
                //3
            }
    
            private void Grid_PreviewMouseDown(object sender, MouseButtonEventArgs e)
            {
               //2
            }
    
            private void MainWindow_PreviewMouseDown(object sender, MouseButtonEventArgs e)
            {
               //1
            }
        }
    }

执行顺序就是 方法里面标注的数字

先触发preview事件(隧道事件)，再触发 冒泡事件

像一个U型图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3djYzI3ODU3Mjg1_size_16_color_FFFFFF_t_70][]

### 总结：先隧道，后冒泡 ###

若在隧道中任意位置有e.handle=true，那么后面整个链路将不会执行

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3djYzI3ODU3Mjg1_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200603220430488.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3djYzI3ODU3Mjg1,size_16,color_FFFFFF,t_70