WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(4):鼠标事件处理 阅读

学Silverlight 2系列(4):鼠标事件处理

 2008-10-03 11:36:51 来源:WEB开发网   
核心提示: 运行后效果如下: 分别在两个圆形上放上鼠标并移开后如下所示: 使用代码管理事件 除了在XAML中声明事件外,也可以直接使用代码来注册事件,学Silverlight 2系列(4):鼠标事件处理(2),简单的修改一下上面的XAML文件,去掉事件的声明并为两个圆形分别加上Name:<Can

运行后效果如下:

学Silverlight 2系列(4):鼠标事件处理

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

学Silverlight 2系列(4):鼠标事件处理

使用代码管理事件

除了在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 MouseEventHandler(OnMouseEnter);
    ellipse1.MouseLeave += new MouseEventHandler(OnMouseLeave);
    ellipse2.MouseEnter += new MouseEventHandler(OnMouseEnter);
    ellipse2.MouseLeave += new MouseEventHandler(OnMouseLeave);
  }
  void OnMouseEnter(object sender, MouseEventArgs e)
  {
    Ellipse ell = sender as Ellipse;
    ell.Fill = new SolidColorBrush(Colors.Yellow);
  }
  void OnMouseLeave(object sender, MouseEventArgs e)
  {
    Ellipse ell = sender as Ellipse;
    ell.Fill = new SolidColorBrush(Colors.Green);
  }
}

上一页  1 2 3 4  下一页

Tags:Silverlight 系列 鼠标

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接