SilverLight中鼠标的基本操作

朴灿烈づ我的快乐病毒、 2022-08-07 12:50 144阅读 0赞

SilverLight中鼠标的基本操作

**1. 事件路由**

在Silverlight中，提供了事件路由，使得我们可以在父节点上接收和处理来自于子节点的事件，

Silverlight中的路由事件采用了冒泡路由策略。

在鼠标事件中MouseLeftButtonDown 、MouseLeftButtonUp 、MouseMove三个事件都支持路由事件，而MouseEnter、MouseLeave两个事件不支持

前台代码：

<Canvas x:Name="ParentCanvas" Background="\#404610"Grid.Row="0" Grid.Column="1">

<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>

ParentCanvas.MouseLeftButtonDown += new MouseButtonEventHandler(ParentCanvas\_MouseLeftButtonDown);

privatevoid ParentCanvas\_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

\{

String msg = "x:y = " \+ e.GetPosition(sender as FrameworkElement).ToString();

msg += " from " \+ (e.OriginalSource as FrameworkElement).Name;

Status.Text = msg;

\}

**2.拖动**

好像TextBlock 和 Rectangle 等图形类的就可以拖，可是如果是Button等控件类的就拖不动。还不知道为什么。

前台代码:

<Canvas Background="\#46401F"Grid.Row="1" Grid.Column="0">

<Rectangle

MouseLeftButtonDown="OnMouseDown"

MouseMove="OnMouseMove"

MouseLeftButtonUp="OnMouseUp"

Fill="Orange" Stroke="White" StrokeThickness="2"

Canvas.Top="40" Canvas.Left="60"

Width="160" Height="100"/>

<TextBlock Text="TextBlock" Width="50" Height="40" Canvas.Top="10" Canvas.Left="60"Foreground="Blue"

MouseLeftButtonDown="OnMouseDown"

MouseMove="OnMouseMove"

MouseLeftButtonUp="OnMouseUp"

></TextBlock>

<Button x:Name="btnWelcome"

MouseLeftButtonDown="OnMouseDown"

MouseMove="OnMouseMove"

MouseLeftButtonUp="OnMouseUp"

Canvas.Left="50" Canvas.Top="150" Background="Red"

FontSize="18"

Width="160" Height="80">

</Button>

</Canvas>

后台代码：

bool trackingMouseMove = false;

Point mousePosition;

protected void OnMouseDown(object sender, MouseButtonEventArgs e)

\{

FrameworkElement element = sender as FrameworkElement;

mousePosition = e.GetPosition(null);

trackingMouseMove = true;

if (null != element)

\{

element.CaptureMouse();

element.Cursor = Cursors.Hand;

\}

\}

protected void OnMouseMove(object sender, MouseEventArgs e)

\{

if (trackingMouseMove)

\{

FrameworkElement element = sender as FrameworkElement;

double deltaV = e.GetPosition(null).Y - mousePosition.Y;

double deltaH = e.GetPosition(null).X - mousePosition.X;

double newTop = deltaV + (double)element.GetValue(Canvas.TopProperty);

double newLeft = deltaH + (double)element.GetValue(Canvas.LeftProperty);

element.SetValue(Canvas.TopProperty, newTop);

element.SetValue(Canvas.LeftProperty, newLeft);

mousePosition = e.GetPosition(null);

\}

\}

protected void OnMouseUp(object sender, MouseButtonEventArgs e)

\{

FrameworkElement element = sender as FrameworkElement;

trackingMouseMove = false;

element.ReleaseMouseCapture();

mousePosition.X = mousePosition.Y = 0;

element.Cursor = null;

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，144人围观）

还没有评论，来说两句吧...

相关阅读

相关 silverlight 打开html_Silverlight与HTML页面交互基本方法总结

Silverlight与Html页面的交互功能是通过统称为HTML Bridge的一组类型和方法来实现的。要启用交互功能需要在创建Silverlight控件时指定enableH

r囧r小猫/ 2023年01月09日 12:44/ 0 赞/ 174 阅读

相关 Silverlight的cookie操作

本文让我们一起来学习如何利用Silverlight的HtmlPage.Document对象，实现在Silverlight操作Cookies. 首先创建一个新的Sil

怼烎@/ 2022年10月25日 14:02/ 0 赞/ 216 阅读

相关计算机使用鼠标的课件,鼠标的基本操作ppt课件.ppt

《鼠标的基本操作ppt课件.ppt》由会员分享，可在线阅读，更多相关《鼠标的基本操作ppt课件.ppt(15页珍藏版)》请在人人文库网上搜索。 1、鼠标的基本操作,第一节,小

骑猪看日落/ 2022年09月01日 15:55/ 0 赞/ 246 阅读

相关在Silverlight中进行基本的数据验证

Silverlight 2支持基本的数据验证功能。在Silverlight 2中，当我们把数据绑定到某个UI控件的时候，该数据所具有的有效性规则也自动被绑定到了该UI控件上。比

女爷i/ 2022年08月12日 03:00/ 0 赞/ 119 阅读

相关 SilverLight中键盘的基本操作

SilverLight中键盘的基本操作 1.键盘的路由事件 //键盘事件KeyDown和KeyUp都支持路由事件 //注意：当焦点在按钮上时，按Enter键好像不会路由事

落日映苍穹つ/ 2022年08月07日 12:50/ 0 赞/ 187 阅读

相关 SilverLight中鼠标的基本操作

SilverLight中鼠标的基本操作 1. 事件路由在Silverlight中，提供了事件路由，使得我们可以在父节点上接收和处理来自于子节点的事件， Silverli

朴灿烈づ我的快乐病毒、/ 2022年08月07日 12:50/ 0 赞/ 145 阅读

相关鼠标操作

1）、[div][]\{ cursor:default \}默认正常鼠标指针 2）、div\{ cursor:hand \}和div\{ cursor:text \} 文本

电玩女神/ 2022年06月18日 11:29/ 0 赞/ 191 阅读

相关 Silverlight 与javaScript互操作

Silverlight 调用 javaScript 主要使用 HtmlPage.Window 这个对象 xaml.cs private void button1\_C

约定不等于承诺〃/ 2022年05月15日 19:30/ 0 赞/ 208 阅读

相关 Silverlight中的Behavior

上次写了关于Trigger和Action的文章（[Silverlight中的Action和Trigger][Silverlight_Action_Trigger]），这次写一个

ゝ一纸荒年。/ 2021年11月05日 00:58/ 0 赞/ 289 阅读

相关鼠标的拖动操作

unit Unit1; interface uses Windows, Messages, SysUtils, Vari

超、凢脫俗/ 2021年11月02日 15:56/ 0 赞/ 392 阅读