Use DragManager Class and define your own format : DragManager « Development « Flex






Use DragManager Class and define your own format

Use DragManager Class and define your own format
        


<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">

    <mx:Script>
        
            import mx.core.DragSource;
            import mx.core.IUIComponent;
            import mx.events.DragEvent;
            import mx.managers.DragManager;

            private function mouseDownHandler( evt:MouseEvent ):void
            {
                var initiator:IUIComponent = evt.currentTarget as IUIComponent;
                var dragSource:DragSource = new DragSource();
                dragSource.addData( initiator, "box");
                DragManager.doDrag( initiator, dragSource, evt );
            }
            private function dragEnterHandler( evt:DragEvent ):void
            {
                if( evt.dragSource.hasFormat( "box") )
                {
                    DragManager.acceptDragDrop( Canvas( evt.currentTarget ) );
                }
            }
            private function dropHandler( evt:DragEvent ):void
            {
                var box:Box = Box( evt.dragInitiator );
                box.x = evt.localX;
                box.y = evt.localY;
            }

      
    </mx:Script>
    <mx:Canvas id="canvas" backgroundColor="0x0000FF" width="300" height="300" dragEnter="dragEnterHandler(event);" dragDrop="dropHandler(event);">
        <mx:Box id="dragItem" width="100" height="100" backgroundColor="0x00FF00" mouseDown="mouseDownHandler(event);"/>
    </mx:Canvas>

</mx:Application>
    
    

   
    
    
    
    
    
    
    
  








Related examples in the same category

1.Use DragManager.acceptDragDrop to accept drop targetUse DragManager.acceptDragDrop to accept drop target
2.Use DragManager.showFeedback to show user feed back when drag and drop
3.DragManager.showFeedback(DragManager.LINK);DragManager.showFeedback(DragManager.LINK);
4.DragManager.showFeedback(DragManager.COPY);DragManager.showFeedback(DragManager.COPY);
5.DragManager.showFeedback(DragManager.MOVE);DragManager.showFeedback(DragManager.MOVE);
6.Do the drag with DragManagerDo the drag with DragManager
7.DragManager.acceptDragDropDragManager.acceptDragDrop
8.Canvas drag and drop by using DragManager
9.Style for DragManagerStyle for DragManager