Question

I’m having a panel which shows an image and control bar with buttons in the form of thumbnail image of right mark. When a user clicks on the thumbnail of right mark I want to stick the thumbnail image of that right mark to the mouse pointer and when he clicks on the image, the thumbnail related image should be paste on the image. Same concept of drag and drop with click event.

Answer 1

Your question is still pretty hard to understand, but I’m fairly certain that what you need is Sprite#startDrag() and Sprite#stopDrag().

Here’s a little example setup to get you started:

<s:layout>
    <s:HorizontalLayout/>
</s:layout>

<s:Button label="pick it up" click="myImage.startDrag(true)" />
<s:Image id="myImage" source="@Embed('test.png')" />
<s:Button label="drop it" click="myImage.stopDrag()" />

Note that I set the lockCenter argument to true. This will make the Image stick to the mouse. Otherwise you would start dragging the image from its original location.