StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>code blew can help you. I use this code in flex 4.5. It works perfectly.</p> <p><a href="http://code.google.com/p/force-explorer/source/browse/trunk/Flex/Explorer/src/components/DraggablePanel.as?r=8" rel="nofollow">http://code.google.com/p/force-explorer/source/browse/trunk/Flex/Explorer/src/components/DraggablePanel.as?r=8</a></p> <pre><code> package components { import flash.events.MouseEvent; import mx.managers.DragManager; import spark.components.Group; import spark.components.Panel; /** * A simple extension of the Spark Panel component * that enables dragging. */ public class DraggablePanel extends Panel { //-------------------------------------- // Constructor //-------------------------------------- public function DraggablePanel() { super(); } //-------------------------------------- // Skin Parts //-------------------------------------- /** * The skin part that represents the title bar of the underlying Panel. * NOTE: The default PanelSkin already has this, it's just not defined as a skinPart in the Panel class. * We want it so that we can capture dragging. */ [SkinPart(required="true")] public var topGroup:Group; //-------------------------------------- // Overridden Methods //-------------------------------------- protected override function partAdded( partName:String, instance:Object ) : void { super.partAdded( partName, instance ); if (instance == topGroup) { Group( instance ).addEventListener( MouseEvent.MOUSE_DOWN, topGroup_mouseDownHandler ); Group( instance ).addEventListener( MouseEvent.MOUSE_UP, topGroup_mouseUpHandler ); } } protected override function partRemoved( partName:String, instance:Object ) : void { super.partRemoved( partName, instance ); if (instance == topGroup) { Group( instance ).removeEventListener( MouseEvent.MOUSE_DOWN, topGroup_mouseDownHandler ); Group( instance ).removeEventListener( MouseEvent.MOUSE_UP, topGroup_mouseUpHandler ); } } //-------------------------------------- // Event Handlers //-------------------------------------- protected function topGroup_mouseDownHandler( event:MouseEvent ):void { if ( !DragManager.isDragging ) startDrag(); } protected function topGroup_mouseUpHandler( event:MouseEvent ):void { stopDrag(); } } } </code></pre> <hr> <p><a href="http://code.google.com/p/force-explorer/source/browse/trunk/Flex/Explorer/src/components/DraggablePanel.as?r=8" rel="nofollow">http://code.google.com/p/force-explorer/source/browse/trunk/Flex/Explorer/src/components/DraggablePanel.as?r=8</a></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload