flex的拖拽

 flex使用DragManager类来管理拖拽操作，并监听拖放目标上的拖放事件。DragManager是核心。拖拽的过程共有三个，分别为：拖，移动和放。

一个拖放操作被启动的时候，一个拖拽源对象通过静态方法doDrag被添加到DragManager当中去。对拖拽管理器所调度的对象进行注册监听的那些组件被认为是拖放目标，能够接受数据源对象。组件传给拖拽管理器的数据源对象可以被移动也可以被复制。拖放操作默认色移动。

下面的例子拖放由鼠标按下触发，新建数据源，加入数据和相应的格式，再使用doDrag启动操作；目标对象是Label：上面说的是。当代理在其上面的时候，触发dragEnter函数，这时候，函数中检查格式，倘若格式符合则使用方法asscept允许拖放组件进入；dropDrag响应函数将处理数据源对象。

<?xml version="1.0" encoding="utf-8"?> <mx:Module xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="100%" height="100%"> <mx:Script> <!--[CDATA[ import mx.events.DragEvent; import mx.managers.DragManager; import mx.core.DragSource; public const FORMAT:String="myLabel"; private function oneMouseDownHandler(e:MouseEvent):void{ var initiator:Label=Label(e.currentTarget); var dragSource:DragSource=new DragSource(); dragSource.addData(initiator,FORMAT); DragManager.doDrag(initiator,dragSource,e); } private function secDragEnterHandler(e:DragEvent):void{ var dropTarget:Label=Label(e.currentTarget); if(e.dragSource.hasFormat(FORMAT)){ DragManager.acceptDragDrop(dropTarget); } } private function secDropDrag(e:DragEvent):void{ var one:Label=e.dragSource.dataForFormat(FORMAT) as Label; sec.text+=one.text; } ]]--> </mx:Script> <mx:DateChooser x="101" y="124"/> <mx:DateField x="176" y="347"/> <mx:Text id="one" x="47" mouseDown="oneMouseDownHandler(event)" y="438" text="我爱flex！" width="85" fontSize="12"/> <mx:Label text="上面说的是：" id="sec" dragEnter="secDragEnterHandler(event)" dragDrop="secDropDrag(event)" x="38" y="507" fontSize="36"/> </mx:Module>