flex 拖拽

1. import mx.controls.Button;
2. import mx.controls.TextArea;
3. import mx.core.BitmapAsset;
4. import mx.core.DragSource;
5.
6. import mx.managers.DragManager;
7. import mx.events.DragEvent;
8.
9. private const FORMAT:String = "format";
10.
11. private function onMouseDown( event:MouseEvent ):void
12. {
13. // 下面这个是要进行拖放的元件
14. var dragInitiator:Button = event.currentTarget as Button;
15.
16. // 使用 dragSource 来装载数据
17. // 第一个参数就是需要传递的数据, Object类型, 可以是任何数据, 这里是字符串数据
18. // 第二个参数是一个标识符, 标识这个数据, 指示特定的元件才能接收这个数据
19. var dragSource:DragSource = new DragSource();
20. dragSource.addData( dragInitiator.label, FORMAT );
21.
22. // 拖动时显示的图像, 如果不定义这个, 默认是一个与拖放元件等大的纯色方块
23. var dragImg:BitmapAsset = new BitmapAsset();
24. dragImg.bitmapData = new BitmapData( dragInitiator.width, dragInitiator.height );
25. dragImg.bitmapData.draw( dragInitiator );
26.
27. // 以下参数分别是: 拖放元件, 拖放数据, 触发拖放的鼠标事件, 拖动时显示的图像, x轴偏移量, y轴偏移量, 透明度
28. DragManager.doDrag( dragInitiator, dragSource, event, dragImg, 0, 0, 0.5 );
29. }
30.
31. private function onDragEnter( event:DragEvent ):void
32. {
33. if( event.dragSource.hasFormat( FORMAT ) )
34. {
35. DragManager.acceptDragDrop( event.target as TextArea );
36. }
37. }
38.
39. private function onDragDrop( event:DragEvent ):void
40. {
41. // 寻找 FORMAT 指定的数据
42. var text:String = event.dragSource.dataForFormat( FORMAT ).toString() + "\n";
43.
44. var textArea:TextArea = event.target as TextArea;
45. textArea.text += text;
46. }