flex拖动图片

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
      xmlns:s="library://ns.adobe.com/flex/spark"
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<s:layout>
  <s:BasicLayout/>
</s:layout>
<fx:Declarations>
  
</fx:Declarations>
  <fx:Script>
   <![CDATA[
   private var oldX:Number; //拖动开始是的坐标
   private var oldY:Number;

   //拖动开始
   private function dragStart(event:MouseEvent):void
   {
   oldX=event.stageX; //相对Application的坐标
   oldY=event.stageY;
   }

   //拖动结束
   private function dragEnd(event:MouseEvent):void
   {
   lbl.text="Local (x,y):" + event.localX.toString() + "," + event.localX.toString(); //相对图片的坐标
   lbl2.text="Stage (x,y):" + event.stageX.toString() + "," + event.stageY.toString(); //相对Application的坐标
   if (event.buttonDown)
   { //如果鼠标在移动过程中并且按下，也就是说鼠标的拖动事件。
   var x:Number=event.stageX - oldX; //相对Application的坐标的移动量
   var y:Number=event.stageY - oldY;
   oldX=event.stageX; //更新拖动开始是的坐标
   oldY=event.stageY;
   img.move(img.x + x, img.y + y); //img是 Image的id,如果扩展到其他组件，改这里就可以了。
   }
   }
   ]]>
  </fx:Script>
  <mx:Label x="10"
      y="10"
      text=""
      id="lbl"/>
  <mx:Label x="10"
      y="27"
      text=""
      id="lbl2"/>
  <mx:Panel x="257"
      y="71"
      width="700"
      height="80%"
      layout="absolute"
      horizontalScrollPolicy="off"
      verticalScrollPolicy="off"
      title="图片在面板中的拖动例子"
      fontSize="12">
   <mx:Image id="img"
       x="0"
       y="0"
       source="test.JPG"
       mouseMove="dragEnd(event)"
       mouseDown="dragStart(event)"/>
  </mx:Panel>

</s:Application>

http://blog.csdn.net/voyage_mh1987/article/details/7990139

巴特西

flex拖动图片

最新文章

热门文章