How to move/drag objects in Silverlight (2.0)

Tim Huffam — Wed, 05 Nov 2008 18:24:43 GMT

The following code shows you how you can make Silverlight controls/objects moveable by dragging them with the mouse.

Page.cs:

<UserControl x:Class="MovingObjs.Page"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="400" Height="300">

</Grid>

</Border>

</Canvas>

</UserControl>

Page.xaml.cs:

namespace MovingObjs

{

public partial class Page : UserControl

{

private bool moving = false;

private double offSetX;

private double offSetY;

public Page()

{

InitializeComponent();

}

private void brdMovable_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

moving = true;

Point offset = e.GetPosition(brdMovable);

offSetX = offset.X;

offSetY = offset.Y;

}

private void brdMovable_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)

{

moving = false;

}

private void brdMovable_MouseMove(object sender, MouseEventArgs e)

{

if (moving)

{

Canvas parent = (Canvas)this.brdMovable.Parent;

Point p = e.GetPosition(parent);

double x = p.X - offSetX;

double y = p.Y - offSetY;

txtBlkTest.Text = "X: " + x.ToString() + ", Y: " + y.ToString();

this.brdMovable.SetValue(Canvas.LeftProperty, x);

this.brdMovable.SetValue(Canvas.TopProperty, y);

}