分类导航

silverlight 发布时间：2022-05-03 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了（4）：Silverlight 2 鼠标事件处理，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_675_3@概述概述 Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章带您快速进入silverlight 2开发。

@H_675_3@概述

Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic,Visual C#,IronRuby,Ironpython，对JSON、Web service、WCF以及Sockets的支持等一系列新的特性。《一步一步学Silverlight 2系列》文章带您快速进入silverlight 2开发。

本文为系列文章第四篇，学习Silverlight 2中的鼠标事件处理，支持的鼠标事件@L_915_6@mouseMove 、MouseEnter 、MouSELEave 、MouSELEftButtonDown、MouSELEftButtonUp。

@H_675_3@声明事件

对于鼠标事件我们可以附加到任何Silverlight对象上面，如下面的XAML声明，为两个圆形添加上MouseEnter和MouSELEave事件：

<Canvas BACkground="#46461F">
    <Ellipse Width="120" Height="120" Fill="Orange"
             Canvas.Top="60" Canvas.Left="80"
             @H_531_34@mouseEnter="OnMouseEnter"
             @H_531_34@mouSELEave="OnMouSELEave"/>
    
    <Ellipse Width="120" Height="120" Fill="Orange"
             Canvas.Top="60" Canvas.Left="280"
             @H_531_34@mouseEnter="OnMouseEnter"
             @H_531_34@mouSELEave="OnMouSELEave"/>
</Canvas>

编写事件处理程序，鼠标放上去时和鼠标移开时分别改变圆形的填充色：

void OnMouseEnter(object sender,@H_846_110@mouseEventArgs E)
{
    Ellipse ell = sender as Ellipse;
    ell.Fill = new SolidColorBrush(Colors.Yellow);
}
void OnMouSELEave(object sender,@H_846_110@mouseEventArgs E)
{
    Ellipse ell = sender as Ellipse;
    ell.Fill = new SolidColorBrush(Colors.Green);
}

运行后效果如下：

分别在两个圆形上放上鼠标并移开后如下所示：

@H_675_3@使用代码管理事件

除了在XAML中声明事件外，也可以直接使用代码来注册事件，简单的修改一下上面的XAML文件，去掉事件的声明并为两个圆形分别加上Name：

<Canvas BACkground="#46461F">
    <Ellipse x:Name="ellipse1" Width="120" Height="120" Fill="Orange"
             Canvas.Top="60" Canvas.Left="80"/>
    
    <Ellipse x:Name="ellipse2" Width="120" Height="120" Fill="Orange"
             Canvas.Top="60" Canvas.Left="280"/>
</Canvas>

在代码中进行事件注册：

public partial class Page : UserControl
{
    public Page()
    {
        InitializeComponent();
        ellipse1.MouseEnter += new @H_846_110@mouseEventHandler(OnMouseEnter);
        ellipse1.MouSELEave += new @H_846_110@mouseEventHandler(OnMouSELEavE);
        ellipse2.MouseEnter += new @H_846_110@mouseEventHandler(OnMouseEnter);
        ellipse2.MouSELEave += new @H_846_110@mouseEventHandler(OnMouSELEavE);
    }
    void OnMouseEnter(object sender,@H_846_110@mouseEventArgs E)
    {
        Ellipse ell = sender as Ellipse;
        ell.Fill = new SolidColorBrush(Colors.Yellow);
    }
    void OnMouSELEave(object sender,@H_846_110@mouseEventArgs E)
    {
        Ellipse ell = sender as Ellipse;
        ell.Fill = new SolidColorBrush(Colors.Green);
    }
}

运行后可以看到跟上面一样的效果：

@H_675_3@事件数据

所有的鼠标事件都使用MouseButtonEventArgs和MouseEventArgs作为事件数据，通过这两个参数可以获取相关事件数据，使用GetPosition@L_772_25@或者source、Handled属性。如下面的XAML声明：

<Canvas BACkground="#46461F">
    <Rectangle Fill="Orange" stroke="White" strokeThickness="2"
               Canvas.Top="40" Canvas.Left="130"
               Width="240" Height="120"
               @H_531_34@mouseMove="Rectangle_MouseMove"/>
    <TextBlock x:Name="Status" Foreground="White" Text="Status" 
               Canvas.Left="100" Canvas.Top="200"/>
</Canvas>

为矩形@L_971_7@mouseMove事件处理，在鼠标移动时我们获取当前坐标位置，并显示出来：

private void Rectangle_MouseMove(object sender,@H_846_110@mouseEventArgs E)
{
    Point p = e.GetPosition(e.source as FrameworkElement);
    Status.Text = String.Format("坐标位置（{0}:{1}）",p.X,p.Y);
}

运行后在矩形中移动鼠标，效果如下：

@H_675_3@路由事件

在Silverlight中，提供了事件路由，使得我们可以在父节点上接收和处理来自于子节点的事件，Silverlight中的路由事件采用了冒泡路由策略。在鼠标事件中MouSELEftButtonDown 、MouSELEftButtonUp 、MouseMove三个事件都支持路由事件，而MouseEnter、MouSELEave两个事件不支持。下面的XAML中我们为Canvas对象声明了@L_275_40@mouSELEftButtonDown事件：

<Canvas x:Name="ParentCanvas" BACkground="#46461F" 
        @H_531_34@mouSELEftButtonDown="ParentCanvas_MouSELEftButtonDown">
    <Rectangle x:Name="RecA" Fill="Orange" stroke="White" strokeThickness="2"
               Canvas.Top="40" Canvas.Left="60"
               Width="160" Height="100"/>
    <Rectangle x:Name="RecB" Fill="LightBlue" stroke="White" strokeThickness="2"
               Canvas.Top="40" Canvas.Left="240"
               Width="160" Height="100"/>
    <TextBlock x:Name="Status" Foreground="White" Text="Status" 
               Canvas.Left="100" Canvas.Top="200"/>
</Canvas>

@L_971_7@mouSELEftButtonDown事件处理程序，显示当前鼠标按下时的坐标，并显示源控件名称：

private void ParentCanvas_MouSELEftButtonDown(object sender,@H_846_110@mouseButtonEventArgs E)
{
    String @H_899_31@msg = "x:y = " + e.GetPosition(sender as FrameworkElement).ToString();
    msg += " from " + (e.source as FrameworkElement).Name;
    Status.Text = msg;
}