Silverlight的事件冒泡整理

在Silverlight中，提供了事件冒泡，使得我们可以在父节点上接收和处理来自于子节点的事件，Silverlight中的事件采用了冒泡路由策略。在鼠标事件中MouseLeftButtonDown 、MouseLeftButtonUp 、MouseMove三个事件都支持路由事件，而MouseEnter、MouseLeave两个事件不支持。

 

 

　　事件冒泡机制是指子对向沿着对象层次结构向上传递事件，比如在一个画布中包含一个矩形，如果为矩形和画布都定义了MouseMove事件，那么当在矩形上移动鼠标时，矩形会将MouseMove事件传递到他的父对象，那么父对象也会触发MouseMove事件。

下面举一个示例。

在该图中有两个矩形，当鼠标在矩形上移动时，可以看到同时也触发了Canvas的MouseMove事件。该示例的XAML代码如下所示。

<Canvas x:Name="parentCanvas"

@H_404_134@        xmlns="http://schemas.microsoft.com/client/2007"

@H_404_134@        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

@H_404_134@        Loaded="Page_Loaded"

@H_404_134@        x:Class="bubbledeventDemo.Page;assembly=ClientBin/bubbledeventDemo.dll"

@H_404_134@        Width="640"

@H_404_134@        Height="480"

@H_404_134@        MouseMove="onCanvasMouseMove"

@H_404_134@        Background="White"

@H_404_134@        >

@H_404_134@  <!--定义矩形A，并指定移动事件-->

@H_404_134@  <Rectangle

@H_404_134@     @H_404_134@ x:Name="RectA"

@H_404_134@      MouseMove="onRectMouseMove"

@H_404_134@      Width="100" Height="100" Fill="PowderBlue" />

@H_404_134@  <!--定义矩形B，并指定与矩形A相同的移动事件-->

@H_404_134@  <Rectangle

@H_404_134@    x:Name="RectB"

@H_404_134@    MouseMove="onRectMouseMove"

@H_404_134@    Width="100" Height="100" Fill="Gold"

@H_404_134@    Canvas.Top="50" Canvas.Left="50" Opacity="0.5" />

@H_404_134@  <!--定义当鼠标在矩形上面移动时的文本显示-->

@H_404_134@  <TextBlock x:Name="statusTextBlock" Canvas.Top="180" />

@H_404_134@  <!--由事件冒泡机制引发画布的MouSEOver事件所显示的文本-->

@H_404_134@  <TextBlock x:Name="canvasBlock" Canvas.Top="220" />

</Canvas>

鼠标事件己经直接在XAML代码中进行了指定，因此在这里只要直接编写事件处理代码即可，代码如下所示。

@H_404_134@        //画布鼠标移动事件

@H_404_134@        void onCanvasMouseMove(object sender,MouseEventArgs e)

@H_404_134@        {

@H_404_134@            string msg = "x:y = " + e.GetPosition(null).X.ToString() + "," + e.GetPosition(null).Y.ToString();

@H_404_134@            canvasBlock.Text = "Canvas: " + msg;

@H_404_134@        }

@H_404_134@        //鼠标移动事件

@H_404_134@        void onRectMouseMove(object sender,MouseEventArgs e)

@H_404_134@        {

@H_404_134@            string msg = " x:y = " + e.GetPosition(null).X.ToString() + "," + e.GetPosition(null).Y.ToString();

@H_404_134@            statusTextBlock.Text =((Rectangle)sender).Name+ msg;

@H_404_134@        }

代码调用GetPosition获取鼠标的位置，并赋给TextBlock进行显示。通过事件冒泡机制，当在矩形上移动鼠标时，同时也触发了画布的MouseMove事件。