Drag and drop Image UserControl in a Metro App?

Question

Hi,

I have an image control in a xaml file:

<Image x:Name="myImage" />

I need to be able to drag the image around in my view at runtime. How do I go about doing this?

Thanks much.

---

V

Answer 1

        <Image x:Name="myImage"
               Source="Assets/Logo.png"
               Stretch="None"
               HorizontalAlignment="Center"
               VerticalAlignment="Center"
               ManipulationMode="All"
               ManipulationDelta="myImage_ManipulationDelta_1">
            <Image.RenderTransform>
                <CompositeTransform />
            </Image.RenderTransform>
        </Image>

and the event handler

        private void myImage_ManipulationDelta_1(object sender, ManipulationDeltaRoutedEventArgs e)
        {
            var ct = (CompositeTransform)myImage.RenderTransform;
            ct.TranslateX += e.Delta.Translation.X;
            ct.TranslateY += e.Delta.Translation.Y;
        }

---

http://babaandthepigman.spaces.live.com/blog/

Answer 2

Hi,

    How Can i get drag  and drop released (finished) event ? in order to callback 

---

Grant 

Answer 3

For XAML in Windows 8 the Drag and drop related events only fire when you start a Drag action from a ListView or GridView. If you are just performing your own drag such as you are doing, you will have to rely on listening to pointer events to determine when the drag is "done".

thanks,
-mark
Program Manager
Microsoft
This post is provided "as-is"

Answer 4

Or take a look at PanView, discussed in this thread.

---

John Michael Hauck

Answer 5

Thanks for the code , is there a way to test whether the picture that we're moving is in a specific place or not please