.NEt专家博客!

【李会军】一步一步学Silverlight 2系列(4):鼠标事件处理

上一篇 / 下一篇  2008-04-11 19:15:58

概述

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

本文为系列文章第四篇,学习Silverlight 2中的鼠标事件处理,支持的鼠标事件包括MouseMove 、MouseEnter 、MouseLeave 、MouseLeftButtonDown、MouseLeftButtonUp。

声明事件

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

<CanvasBackground="#46461F">
EHI%|#u@0<
EllipseWidth="120"Height="120"Fill="Orange"
._d!S?2G]0
Canvas.Top="60"Canvas.Left="80"ITPUB个人空间D-aJ;r8F"d6fsF
MouseEnter="OnMouseEnter"
7qx4y!u:tM KC5V0
MouseLeave="OnMouseLeave"/>
W2_L_ S:m2D0
VrRM8sB_ nM0<
EllipseWidth="120"Height="120"Fill="Orange"
0Ut Za1JK l0
Canvas.Top="60"Canvas.Left="280"
Cv1n7r1z_0
MouseEnter="OnMouseEnter"
u'm'n n{F6u#E5z A+|0
MouseLeave="OnMouseLeave"/>
db*W$M6y[\0</
Canvas>

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

voidOnMouseEnter(objectsender,MouseEventArgse)
D M;E+GG$o?3j2f0{
q W.K,VK+M[0Ellipseell = senderasEllipse;
u$xN _ ae0ell.Fill =newSolidColorBrush(Colors.Yellow);ITPUB个人空间0gVX[A u
}
eg#O&l#mN J1|,xzZ0voidOnMouseLeave(objectsender,MouseEventArgse)ITPUB个人空间6yA H N8[pU-W e
{
{D4Y KU0Ellipseell = senderasEllipse;ITPUB个人空间R8q JM/R/j+{
ell.Fill =newSolidColorBrush(Colors.Green);ITPUB个人空间'A x9K0vhtE
}

运行后效果如下:ITPUB个人空间{ h/W0r1Li

b4y k h/wx0分别在两个圆形上放上鼠标并移开后如下所示:
l |/F([s2ob0
8S[ G!Q3I;q5}0

使用代码管理事件

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

<CanvasBackground="#46461F">
I7H?uA!a0<
Ellipsex:Name="ellipse1"Width="120"Height="120"Fill="Orange"ITPUB个人空间s-]c%i6itAYxh
Canvas.Top="60"Canvas.Left="80"/>
+@2@1I-l+R)ww0TAm_Y0
w3uN[9M[Y%f0<
Ellipsex:Name="ellipse2"Width="120"Height="120"Fill="Orange"ITPUB个人空间};ki{0K[
Canvas.Top="60"Canvas.Left="280"/>ITPUB个人空间^1?"`1an2|KB"G
</
Canvas>

在代码中进行事件注册:

public partial classPage:UserControlITPUB个人空间j|Q#n5b
{ITPUB个人空间!c&d-u3mD%D tZ n
publicPage()ITPUB个人空间G?POq6YBZy9U
{ITPUB个人空间e I#Tn3m T3v'~
InitializeComponent();
Lek,lQ l g,d0ellipse1.MouseEnter +=newMouseEventHandler(OnMouseEnter);
G6M!?#]&Db*\Bd0ellipse1.MouseLeave +=newMouseEventHandler(OnMouseLeave);
o_%CHh$l`0ellipse2.MouseEnter +=newMouseEventHandler(OnMouseEnter);
!N:@3HZH$]2}~8i0ellipse2.MouseLeave +=newMouseEventHandler(OnMouseLeave);
5?3JBm'Q*f0}
c1J rE Y"E0ITPUB个人空间'lj[%mWjCs?
voidOnMouseEnter(objectsender,MouseEventArgse)
a(a0^.v.Bhz(@M0{ITPUB个人空间/AFh8Uoy!Q
Ellipseell = senderasEllipse;
&?n$[+v;C0ell.Fill =newSolidColorBrush(Colors.Yellow);
yJ/} [P h*y&G{Dj0}ITPUB个人空间Q0Hd'y"n Z uyXf
voidOnMouseLeave(objectsender,MouseEventArgse)ITPUB个人空间D.X/dIxBX
{ITPUB个人空间M%Y+d)]N0},yXzv
Ellipseell = senderasEllipse;
tUB,yU"tV#P+jAL0ell.Fill =newSolidColorBrush(Colors.Green);
pq8u'I:C0}
#U[Q/o#q0}

运行后可以看到跟上面一样的效果:
e&Bf ]^0
8Qx$e+}%u/J UR0
e+VN Tl1ae6z0

事件数据

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

<CanvasBackground="#46461F">
"}1g&EH7N0<
RectangleFill="Orange"Stroke="White"StrokeThickness="2"
;v/I\w:v K6^0
Canvas.Top="40"Canvas.Left="130"ITPUB个人空间-__YD1p8V hn]
Width="240"Height="120"ITPUB个人空间/s7s({M2Q.Qg~Ai
MouseMove="Rectangle_MouseMove"/>ITPUB个人空间4b,~~*O3nV
<
TextBlockx:Name="Status"Foreground="White"Text="Status"ITPUB个人空间(sN2p:d)x#X+W:G"w
Canvas.Left="100"Canvas.Top="200"/>ITPUB个人空间8c)Sy3^u,Je3\'l
</
Canvas>

为矩形添加MouseMove事件处理,在鼠标移动时我们获取当前坐标位置,并显示出来:

private voidRectangle_MouseMove(objectsender,MouseEventArgse)
q{qa3~0`8hY9\0{ITPUB个人空间kE&b k)j5c5Ik
Pointp = e.GetPosition(e.SourceasFrameworkElement);
d!@Ks3v2W rCP0Status.Text =String.Format("坐标位置({0}:{1})",p.X,p.Y);
u^LZ~3J"b0}

运行后在矩形中移动鼠标,效果如下:


i H$y?aUACt0

路由事件

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

<Canvasx:Name="ParentCanvas"Background="#46461F"ITPUB个人空间qnPmE5Y.f1X
MouseLeftButtonDown="ParentCanvas_MouseLeftButtonDown">
pZ PHt.o'wU Ur0<
Rectanglex:Name="RecA"Fill="Orange"Stroke="White"StrokeThickness="2"
)O(s#io6AV9Yq0
Canvas.Top="40"Canvas.Left="60"ITPUB个人空间.X:~ `5Xk3h C cG
Width="160"Height="100"/>ITPUB个人空间)H1Om%@}&f ~,M
<
Rectanglex:Name="RecB"Fill="LightBlue"Stroke="White"StrokeThickness="2"
E d#s l]0
Canvas.Top="40"Canvas.Left="240"
!g6[ l J3t7v7g D0
Width="160"Height="100"/>
8d d"@+j)m+X0<
TextBlockx:Name="Status"Foreground="White"Text="Status"
sS \I#\0
Canvas.Left="100"Canvas.Top="200"/>
Jzg;yxJ7Z0</
Canvas>

添加MouseLeftButtonDown事件处理程序,显示当前鼠标按下时的坐标,并显示源控件名称:

private voidParentCanvas_MouseLeftButtonDown(objectsender,MouseButtonEventArgse)
ni8Zh8`%k5tq0{
B.Z u%\q0Stringmsg ="x:y = "+ e.GetPosition(senderasFrameworkElement).ToString();
F6^A2^7CC1[0msg +=" from "+ (e.SourceasFrameworkElement).Name;ITPUB个人空间;W^)]i3rh
Status.Text = msg;ITPUB个人空间h;Hgf0Wt\$A
}

运行后在RecA上按下鼠标:
HwW-}%n2C)p0ITPUB个人空间&UF"e hK!{(W ?
在Canvas上按下鼠标:
;ZapM&P]N0ITPUB个人空间 Z&Y6fO,H:A7U)^

结束语

本文简单介绍了Silverlight 2中关于鼠标事件处理的一些知识,包括事件注册、获取事件数据、路由事件等。在下一篇中,我们将使用这些鼠标事件来实现一个简单的拖放功能。

作者:TerryLeeITPUB个人空间)Ina,u"o/[Y0S
出处:http://terrylee.cnblogs.com

ITPUB个人空间/@$eR/Z+T m2{]{|


TAG:

引用 删除 Guest   /   2009-04-18 12:15:54
1
引用 删除 Guest   /   2008-12-05 13:54:44
-5
anniexing的个人空间 引用 删除 anniexing   /   2008-11-04 19:09:48
5
 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

Open Toolbar