<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
<mx:Canvas x="29" y="145" width="661" height="362">
<mx:Canvas id="canvas_1" x="118" y="30" width="457" height="117" backgroundColor="#F0E6E6">
<mx:Image id="hair" x="150" y="32" source="ab.jpg"/>
</mx:Canvas>
<mx:Canvas id="canvas_2" x="118" y="175" width="457" height="185" borderColor="#B2BCC3" backgroundColor="#B1D6F6" horizontalScrollPolicy="off" verticalScrollPolicy="off">
</mx:Canvas>
</mx:Canvas>
<mx:Script>
<![CDATA[
import mx.controls.Image;
import mx.core.DragSource;
import mx.managers.DragManager;
import mx.events.DragEvent;
private var sp_1:Sprite;
private var sp_2:Sprite;
private var del_per:Number=0.3;
private var del_alpha:Number = 0.1;
internal function init():void {
hair.addEventListener(MouseEvent.MOUSE_DOWN,mouseDownHandler);
canvas_2.addEventListener(DragEvent.DRAG_ENTER,enterHandler);
canvas_2.addEventListener(DragEvent.DRAG_DROP,dropHandler);
}
/***============拖曳============****/
private function mouseDownHandler(e:MouseEvent):void {
var dragTarget:Image = Image(e.currentTarget);
var ds:DragSource = new DragSource();
var imgProxy:Image = new Image();
imgProxy.source = hair.source;
imgProxy.width = dragTarget.width*2;
imgProxy.height = dragTarget.height*2;
DragManager.doDrag(dragTarget,ds,e,imgProxy,1*dragTarget.width/2,1*dragTarget.height/2,0.8);
}
/**进入canvas**/
private function enterHandler(e:DragEvent):void {
DragManager.acceptDragDrop(Canvas(e.target));
}
/***在canvas上松开鼠标**/
private function dropHandler(e:DragEvent):void {
var canvas:Canvas = Canvas(e.target); //目标canvas
var newImage:Image = new Image();
var dragImg:Image = Image(e.dragInitiator);
newImage.source = dragImg.source; //拖曳的原始对象
canvas.addChild(newImage);
newImage.x = canvas.mouseX - dragImg.width/2;
newImage.y = canvas.mouseY-dragImg.height/2;
}
]]>
</mx:Script>
</mx:Application>
分享到:
相关推荐
Flex 3 实现的拖放示例,很简单,可以移植到自己的程序中,Web形式和AIR形式都可以使用。
处理list-based控件的拖放事件 13 运行在AIR中的Flex应用程序的拖放 16 拖放实例 17 例子1:用Canvas作为drop target 17 例子2:指定drag proxy 18 例子3:为drop target处理dragOver和dragExit事件 ...
Flex3组件拖放教程,该组件是flex组件中最有特色的
Flex相册 Flex图片
flex 4.6 中实现手机端图片导入和旋转图片 里面有 3 个图片 文件没有上传(旋转按钮上的图标left.png right.png 和一个默认图片视图=^.^=.jpg 可自己修改一下)例如 自己加图片在 assets中并命名为这些名字 或 在...
用flex开发的图片浏览效果。很酷 flex图片滚动效果 下载拷贝到flexbuilder中就可以用
不错的图片预览功能,可以实现滚动预览,效果很炫
应用flex;实现对图片的放大,缩小;效果非常不错;
Flex应用zoom实现图片的放大缩小,很简单的实例,可以给新手一些思路
Flex与Java实现通信,Flex与Java实现通信,Flex与Java实现通信
发觉FLEX中Image组件载入图片后,虽然自动缩放了,但是是等比缩放的。比如图片是16:9的,Image设置的宽高是4:3的,它不会自动拉伸成4:3,而是上下留白依然16:9。这个问题VideoDisplay组件载入FLV也一样,都是等比...
使用FLEX3开发的图片浏览功能,可以实现特效浏览,使用FLEX3开发的图片浏览功能,可以实现特效浏览,
Flex 图片上传 实例 源码Flex图片上传实例
flex 图片查看器 flex图片 zoomin zoomout 图片查看器
flex 图片浏览\放大\缩小,
flex实现图片另存为,不弹出选择窗体,直接保存到默认路径
flex 图片画线,图片拖动,图片高亮,拖动线随图片动
flex 图片自动旋转移动放大,自动旋转移动 自动旋转
完美解决Flex3 中 实现 图文混排 。
flex图片上传带预览功能。Flex,Flex