拖拽图片到容器里

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()">
4.     <mx:Script>
5.         <![CDATA[
6.             import mx.managers.DragManager;         
7.             import mx.core.DragSource;
8.             import mx.events.DragEvent;
9.             
10.             internal function initApp():void{
11.                 img.addEventListener(MouseEvent.MOUSE_DOWN,dragHandler);
12.                 
13.                 canvas_1.addEventListener(DragEvent.DRAG_ENTER,enterHandler);
14.                 canvas_1.addEventListener(DragEvent.DRAG_DROP,dropHandler);
15.             }
16.             internal function dragHandler(evt:MouseEvent):void{
18.                 //拖拽的对象
19.                 var dragTarget:Image=Image(evt.currentTarget);
20.                 //创建拖拽数据源
21.                 var ds:DragSource = new DragSource();   
22.                 var obj:Object = new Object();
23.                 obj.name = "Image"+Math.random()*100;
24.                 ds.addData(obj,"image");
25.                 //创建拖拽过程中显示的对象，可以是任意的组件
26.                                 
27.                 var imgProxy:Image = new Image();
28.                 imgProxy.source = img.source;
29.                 imgProxy.width = 72;
30.                 imgProxy.height = 22;
31.                 //开始拖拽
33.                 DragManager.doDrag(dragTarget, ds, evt, imgProxy,0,0,0.8);
34.                 //doDrag(谁启动拖动事件，拖动的数据源，当前的鼠标事件，拖动时的图标，偏移坐标x,偏移坐标y,透明度);
36.             }
37.             internal function enterHandler(evt:DragEvent):void{ 
38.                 //让canvas_1可以接收拖进来的事件
39.                 DragManager.acceptDragDrop(Canvas(evt.target));
40.             }
41.             
42.             internal function dropHandler(evt:DragEvent):void{
43.                                         
44.                 var newImg:Image = new Image();
45.                 newImg.source = img.source;
46.                 canvas_1.addChild(newImg);
47.                 
48.                 newImg.x = canvas_1.mouseX;
49.                 newImg.y = canvas_1.mouseY;
50.                 
51.                 trace(evt.dragSource.hasFormat("image"));
52.                 
53.                 if(evt.dragSource.hasFormat("image")){
54.                     var obj:Object = evt.dragSource.dataForFormat("image");
55.                     newImg.toolTip = obj.name;
56.                 }
58.             }
59.         ]]>
60.     </mx:Script>
61.     <mx:Canvas id="canvas_1" styleName="box" x="50" y="150" width="265" height="231"  
62.         cornerRadius="20" borderColor="#A3ADB5" borderStyle="inset" alpha="1.0" backgroundColor="#463F3F">
63.     </mx:Canvas>
64.     <mx:Image id="img" x="51" y="97" source="FlexLogo.gif"/>
65. </mx:Application>

 

记得承载的容器需要有底色啊.....................