10.1.使用DragManager 類

2024-04-27 13:52:09

字體：大中小

來源：轉載

供稿：網友

10.1.1. 問題
你想在程序中從一個地方移動數據到另一個地方。
10.1.2. 解決方法
使用mx.manager.DragManager 類管理拖拽操作以及在釋放目標上監聽拖拽事件。
10.1.3. 討論
DragManager 類用于管理在你的程序里執行的拖拽操作。當一個拖拽操作被初始化，拖拽源(drag source)通過靜態方法doDrag 增加到DragManager。被稱為釋放目標(drop target)的組件了注冊事件監聽器，從而監聽由DragManager 發出的事件。它們接受DragManager上可用的數據源。

數據源通過一個初始組件賦予DragManager，它們能夠被移動或復制。一個拖拽操作的缺省處理過程是從一個地方移動數據到另一個地方國。但如有需要實現自己的復制過程，你可以使用DragManager 手動添加拖拽支持。

下面的例子讓你在一個Canvas 容器里移動一個Box 組件。

-XML

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal">
<mx:Script>
<![CDATA[
import mx.core.DragSource;
import mx.core.IUIComponent;
import mx.events.DragEvent;
import mx.managers.DragManager;
private static const FORMAT:String = "box";
private function mouseDownHandler(evt:MouseEvent ):void{
var initiator:IUIComponent = evt.currentTarget as IUIComponent;
var dragSource:DragSource = new DragSource();
dragSource.addData( initiator, FORMAT );
DragManager.doDrag( initiator, dragSource, evt );
}
private function dragEnterHandler( evt:DragEvent ):void {
if ( evt.dragSource.hasFormat( FORMAT ) ) {
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="0xEEEEEE" width="300" height="300"
dragEnter="dragEnterHandler(event);" dragDrop="dropHandler(event);">
<mx:Box id="dragItem" width="20" height="20" backgroundColor="0x00FFCC" mouseDown="mouseDownHandler(event);" />
</mx:Canvas>
</mx:Application>