How to move a Shape on Canvas in WPF ?

Question

Hi,

I added a Rectangle to a Canvas like this:

Canvas.SetTop(myRectangle, 150);
Canvas.SetLeft(myRectangle, 80);
canvas.Children.Add(myRectangle);

Now I want to move the rectangle to other place, say (100, 100). What is the best way to do this ?

Thanks !

Answer 1

If you just want it there instantly, you'd just call SetTop and SetLeft again. Otherwise you'd use a StoryBoard, probably with 2 DoubleAnimationUsingKeyFrames elements that specify the Top and Left properties should change from 150/80 to 100/100 over your desired period of time (1 key frame for the initial value, 1 key frame for the final value).

Answer 2

I think a better way would be to create a rectangle centered at (0,0), and then use translate transforms to move it to where you want.