为什么按钮点击事件“冒泡视觉树”到StackPanel,如MSDN文章所述?

时间:2009-03-19 13:29:58

标签: c# wpf event-routing

在MSDN文章Understanding Routed Events and Commands In WPF中,它声明了

  

一个事件将从源元素向上冒泡(传播)可视树,直到它被处理或到达根元素。

但是,在此示例中,当您单击按钮时,它不会“冒泡可视树”以由父StackPanel事件处理,即单击按钮不会触发任何事件

为什么不呢? 他们的意思是“冒泡”,如果不是这样的话?

XAML:

<Window x:Class="TestClickEvents456.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="300" Width="300">
    <StackPanel x:Name="TheStackPanel"
                Background="Yellow"
                MouseDown="TheStackPanel_MouseDown">
        <Button x:Name="TheButton"
                Margin="10"
                Content="Click This"/>
        <TextBlock x:Name="TheMessage"
                   Text="Click the button or the yellow area"/>
    </StackPanel>
</Window>

代码隐藏:

using System.Windows;
using System.Windows.Input;

namespace TestClickEvents456
{
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
        }

        private void TheStackPanel_MouseDown(object sender, MouseButtonEventArgs e)
        {
            TheMessage.Text = "StackPanel was clicked.";
        }

    }
}

5 个答案:

答案 0 :(得分:25)

事件冒泡,直到它被处理......

由于Button在您点击鼠标时会执行某些操作,因此它会吸收您的鼠标事件并将其转换为ClickEvent。

如果您使用PreviewMouseDown,您会看到StackPanel首先在按钮之前收到事件。预览事件使用隧道向下方法..

答案 1 :(得分:8)

正如其他人所说的那样,这是因为MouseDown事件在Button被进一步冒泡之前由ButtonBase.OnMouseLeftButtonDown处理。您可以在protected override void OnMouseLeftButtonDown(MouseButtonEventArgs e) { if (this.ClickMode != ClickMode.Hover) { e.Handled = true; // SNIP... } base.OnMouseLeftButtonDown(e); }

中的Reflector中看到这一点
MouseDown

一种解决方案是监听TheStackPanel.AddHandler(MouseDownEvent, new MouseButtonEventHandler(TheStackPanel_MouseDown), true); 事件,并指出您不关心事件是否得到处理。您可以使用AddHandler方法执行此操作。它有一个布尔重载,可以让你监听已经处理过的事件。

如果您在某处执行此操作而不是在XAML中设置MouseDown处理程序:

MouseDown

您将收到TheStackPanel上的所有{{1}}个活动,无论这些活动是否已被处理。

答案 2 :(得分:7)

此外,如果您希望stackpanel接收事件,请将stackpanel xaml更改为:

<StackPanel x:Name="TheStackPanel" 
            Background="Yellow"
            Button.Click="TheStackPanel_MouseDown" />

和事件签名:

private void TheStackPanel_MouseDown(object sender, RoutedEventArgs e)

在这种情况下,stackpanel将接收按钮的click事件。但是,单击stackpanel本身不会触发任何事件,因为它专门监听按钮单击。

答案 3 :(得分:2)

这是因为Button正在捕获所有消息处理并且消息停止消息停止冒泡。答案就在您的问题文本中:

  

事件将从源元素冒泡(传播)到可视树中,直到它被处理或到达根元素。

编辑:

Edward Tanguay(OP)评论了这个答案,我在这里复制他的评论,因为它非常相关:

  

“我没有看到按钮IS处理事件,即按钮上没有点击处理程序,我在StackPanel上有一个点击处理程序(MouseDown),因此我认为它会冒泡过去按钮,因为按钮不处理它并由stackpanel处理,对吧?“

你是对的。 Button没有处理MouseDown事件,因为没有为该控件指定处理程序。

但是,然后,MouseDown在某种程度上是特别的。至少在Windows窗体中,它用于启动绘制和拖动操作,因此,当控件获取事件时,即使您尚未为其定义处理程序,它也会继续捕获所有后续鼠标消息。当控件将Capture属性设置为True时,将完成此陷阱,这有效地阻止后续事件冒泡。当Windows Forms获取MouseUp事件时,Capture属性将被设置为False。

我再说一遍,这是它在Windows窗体中的工作方式,您可能需要仔细检查一下,但是,恕我直言,没有理由为什么这对WPF应该有所不同。

供参考:请参阅http://blogs.msdn.com/jfoscoding/archive/2005/07/28/444647.aspx处的“Windows窗体处理”部分(从页面中间稍微向下滚动)。

注意:请参阅我对Arcturu答案的评论,以获取有关气泡和隧道事件引发序列的参考。

答案 4 :(得分:2)

按钮事件抑制mousedown和mouseup因为按钮事件是高级事件并且有一些代码使得标志句柄为真这个原因为了解决这个问题而禁止mousdown你可以在窗口的构造函数中添加这个代码

TheButton.AddHandler(
    UIElement.MouseDownEvent, 
    new MouseButtonEventHandler(TheStackPanel_MouseDown),
    true);