如何正確實(shí)現(xiàn)Silverlight拖拽功能

作者：佚名 2009-12-29 18:09:00

Silverlight拖拽功能的實(shí)現(xiàn)方法是一個(gè)比較復(fù)雜的過(guò)程。在這篇文章中，初學(xué)者可以通過(guò)一段代碼范例來(lái)具體的解讀這一技巧。

Silverlight拖拽功能的實(shí)現(xiàn)再實(shí)際開發(fā)編程中是一個(gè)非常重要的基礎(chǔ)功能。對(duì)于一個(gè)開發(fā)人員來(lái)說(shuō)，如果想要很好的使用Silverlight來(lái)實(shí)現(xiàn)相關(guān)功能需求，就需要牢固掌握這些基礎(chǔ)功能的應(yīng)用。#t#

下面的示例演示如何在基于 Silverlight 的應(yīng)用程序中拖放對(duì)象。出于安全考慮，不能在應(yīng)用程序之間拖放對(duì)象。因此，說(shuō)成在 Silverlight 插件區(qū)域內(nèi)"滑動(dòng)"對(duì)象更為準(zhǔn)確。但是，術(shù)語(yǔ)"拖放"更為人知，因此在此處使用。

Silverlight拖拽功能Xaml腳本：

< UserControl x:Class=
"DragAndDropSimple.Page"
xmlns="http://schemas.microsoft.
com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.
microsoft.com/winfx/2006/xaml"
Width="400" Height="300">
< Canvas x:Name="rootCanvas"
Width="640"
Height="480"
Background="Gray"
>
< !-- You can drag this
rectangle around the canvas. -->
< Rectangle
MouseLeftButtonDown=
"Handle_MouseDown"
MouseMove="Handle_MouseMove"
MouseLeftButtonUp="Handle_MouseUp"
Canvas.Left="30" Canvas.
Top="30" Fill="Red"
Width="50" Height="50" />
< /Canvas>
< /UserControl>

后置代碼：

// Global variables used to 
keep track of the   
// mouse position and whether 
the object is captured  
// by the mouse.  
bool isMouseCaptured;  
double mouseVerticalPosition;  
double mouseHorizontalPosition;  
public void Handle_MouseDown 
(object sender, MouseEventArgs args)   
{  
Rectangle item = sender as Rectangle;  
mouseVerticalPosition = args.
GetPosition(null).Y;  
mouseHorizontalPosition = 
args.GetPosition(null).X;  
isMouseCaptured = true;  
item.CaptureMouse();  
}  
public void Handle_MouseMove
(object sender, MouseEventArgs args)   
{  
Rectangle item = sender as Rectangle;  
if (isMouseCaptured)   
{  
// Calculate the current 
position of the object.  
double deltaV = args.GetPosition(null).
Y - mouseVerticalPosition;  
double deltaH = args.GetPosition(null).
X - mouseHorizontalPosition;  
double newTop = deltaV + (double)
item.GetValue(Canvas.TopProperty);  
double newLeft = deltaH + (double)
item.GetValue(Canvas.LeftProperty);  
// Set new position of object.  
item.SetValue(Canvas.TopProperty, newTop);  
item.SetValue(Canvas.LeftProperty, newLeft);  
// Update position global variables.  
mouseVerticalPosition = args.
GetPosition(null).Y;  
mouseHorizontalPosition = args.
GetPosition(null).X;  
}  
}  
public void Handle_MouseUp(object 
sender, MouseEventArgs args)   
{  
Rectangle item = sender as Rectangle;  
isMouseCaptured = false;  
item.ReleaseMouseCapture();  
mouseVerticalPosition = -1;  
mouseHorizontalPosition = -1;  
}

Silverlight拖拽功能的實(shí)現(xiàn)方法就為大家介紹到這里啦。

責(zé)任編輯：曹凱來(lái)源：博客園

Silverlight拖拽功能