.NEt专家博客！

【李会军】一步一步学Silverlight 2系列（5）：实现简单的拖放功能

上一篇 / 下一篇 2008-04-11 19:21:14

概述

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

本文为系列文章第五篇，利用前面讲过的鼠标事件处理实现简单的拖放功能。

准备XAML

在实现拖放功能中，分为三个步骤：

1.按下鼠标，触发MouseLeftButtonDown事件，选择要拖动的对象。

2.移动鼠标，触发MouseMove事件，移动选择的对象。

3.放开鼠标，触发MouseLeftButtonUp事件，停止捕捉事件。

做一个简单的界面，用一个按钮来显示拖放，如下XAML声明：

<CanvasBackground="#46461F">
~/o;C.T2nnJI0<Button
'U9C%q/o!D!K'C0MouseLeftButtonDown="OnMouseDown"
4A+H8T.](z}LIM(W0MouseMove="OnMouseMove"
^['u2vw8rtU8c0MouseLeftButtonUp="OnMouseUp"
6Z	USK#Q%Wh0Canvas.Left="50"Canvas.Top="50"Background="Red"
f{+j-[a+rH_0FontSize="18"
:lKep G/d-S3]0Width="160"Height="80">ITPUB个人空间M,`n7t"M(g
L,HG
<Button.Content>ITPUB个人空间)|
gP"~X$o?6jUR
<StackPanelOrientation="Horizontal"HorizontalAlignment="Center"ITPUB个人空间M4^us:n'd
VerticalAlignment="Center">ITPUB个人空间b'kxlB	C$u(K
<ImageSource="smile_6.png"></Image>
&V:wBz%qr0<TextBlockText="拖动我"VerticalAlignment="Center"Margin="10"></TextBlock>
6D0f^3v7z3j0</StackPanel>ITPUB个人空间8E8^3Q
Q1P6iK0I	u
</Button.Content>

k
`	~y9q.BH%b0</Button>ITPUB个人空间1H"?y`)]"pG:l
</Canvas>

这里为了界面显示效果，使用了控件模板，后续会专门讲到。

开始拖放操作

开始拖放操作，实现MouseLeftButtonDown事件处理程序，用两个全局变量来记录当前鼠标的位置和鼠标是否保持移动。

booltrackingMouseMove =false;ITPUB个人空间B*log&sP.ST0Y0t
PointmousePosition;
a|.C|E8KE'Z
o8W0ITPUB个人空间H-fAF+^
voidOnMouseDown(objectsender,MouseButtonEventArgse)
V/MD$mM6\[l8n0{
X&{
bDZ+E"[nyi0FrameworkElementelement = senderasFrameworkElement;ITPUB个人空间h)@}y#zi8]'lX
mousePosition = e.GetPosition(null);ITPUB个人空间kO	[Bd%b^&i(y"a
trackingMouseMove =true;
5ztx8AC3y
j+a0if(null!= element)
,awA3^4~S!Gl{yZ*@"V0{
8`S h!B9_8@%I7iL0element.CaptureMouse();ITPUB个人空间Oh*h$eJMEy
element.Cursor =Cursors.Hand;
(c'D7|,pu~)n|Z0}
JupI7ZeL%p
Cw0}

移动对象

移动对象，实现MouseMove事件处理程序，计算元素的位置并更新，同时更新鼠标的位置。

voidOnMouseMove(objectsender,MouseEventArgse)ITPUB个人空间W#Ya)Bf
m
{
3[9xN%|9K7S;HS0FrameworkElementelement = senderasFrameworkElement;
6p[$o&~/[.I)Y8W0if(trackingMouseMove)ITPUB个人空间yfnR(h,|
{ITPUB个人空间#B`$VHuwA'fm
D
doubledeltaV = e.GetPosition(null).Y - mousePosition.Y;ITPUB个人空间u8^k8uE@0FB
doubledeltaH = e.GetPosition(null).X - mousePosition.X;ITPUB个人空间:JRhuZDsM
doublenewTop = deltaV + (double)element.GetValue(Canvas.TopProperty);ITPUB个人空间4rAzIn6M
doublenewLeft = deltaH + (double)element.GetValue(Canvas.LeftProperty);
(Y[mI
c4dJ2ay\	J!_S0ITPUB个人空间u%EX`T0P:}
element.SetValue(Canvas.TopProperty, newTop);ITPUB个人空间|U
J1h;@G4q0qC
element.SetValue(Canvas.LeftProperty, newLeft);ITPUB个人空间(Fp	sN9p+[
ITPUB个人空间"op2Aycpp)K
mousePosition = e.GetPosition(null);
1~5@'en"t0}ITPUB个人空间(iV
JJ!i*_f*i
}

完成拖放操作

完成拖放操作，实现MouseLeftButtonUp事件处理程序。

voidOnMouseUp(objectsender,MouseButtonEventArgse)
$^
`OLSX~{,V0{
;T`L]#WP7n(Mo&Q[0FrameworkElementelement = senderasFrameworkElement;ITPUB个人空间ni3J+L
jf!I
trackingMouseMove =false;
x\,t_[
F1v8y+ER0element.ReleaseMouseCapture();ITPUB个人空间,Gn}pl&niR{h
ITPUB个人空间2wd;Vs"q2JT@Y*w/X
mousePosition.X = mousePosition.Y = 0;ITPUB个人空间/z&RZi(G\K
element.Cursor =null;
@%k#ibm7pud-@0}