/**
* 图片拖拽
*/
public function dragHandler(event:MouseEvent):void{
//CurrentTarget指定要实现拖拽事件的初始化目标
var dragInitiator:Image=event.currentTarget as Image;
// 定义拖拽挂载数据源
var dragSource:DragSource = new DragSource();
//向对象添加数据
dragSource.addData(dragInitiator.source,"img");
//创建一个拖拽对象的代理作为拷贝
var dragProxy:Image=new Image();
dragProxy.source=event.currentTarget.source;
//使用DragManager静态方法doDrag开始拖拽
DragManager.doDrag(dragInitiator,dragSource,event,dragProxy);
}
private function dragEnterHandler(event:DragEvent):void{
var dropTarget:Image=event.currentTarget as Image;
DragManager.acceptDragDrop(dropTarget);
}
private function dragDropHandler(event:DragEvent):void{
img_main.source=event.dragSource.dataForFormat("img");
}
<!-- 拖拽 -->
<s:Panel x="10" y="285" width="250" height="204" baseColor="#EF5D5D">
<mx:Image x="55" y="13" width="131" height="132"
id="img_main" source="image/mt.jpg"
dragDrop="dragDropHandler(event)" dragEnter="dragEnterHandler(event)"/>
</s:Panel>
<s:Group x="268" y="289" width="200" height="200">
<mx:Image x="28" y="36" width="60" height="78" id="img_1" source="image/java.jpg"
mouseMove="dragHandler(event)"/>
<mx:Image x="111" y="39" width="73" height="75" id="img_2" source="image/mt.jpg"
mouseMove="dragHandler(event)"/>
</s:Group>
- 大小: 60.5 KB
分享到:
相关推荐
flex实现了图片的拖拽功能,包括,拖动图片不删除原来图片,和拖动图片删除原来图片
这个是个简单的Flex3.0拖拽图片的代码,里面的图片自己可以换一个。希望对大家有用。
flex写的一个可拖拽的容器系统 有点像背包系统 但背包内元素是图标 这个是容器里面愿意放什么放什么(如列表、日历等) 本资源非原创 从老外那找的 里面是纯代码生成的 支持技术研究(如果是图片格式请不要下载,...
一个自定义的拖拽flex控件,可以实现复制拖拽,不复制拖拽,可以拖拽图片,也可以由文字拖拽后变成图片。
Flex 图片旋转 缩放 拖动 特效 整个项目,其中的特效封装成一个控件,直接使用,
用鼠标拖拽选择要截取的区域,图片格式没有限制,没有和后台交互
Flex 实例,flex拖拽形成柱状图,点击弹出图片窗口,柱状图用法
NULL 博文链接:https://jaenson.iteye.com/blog/965675
代码如下: 代码如下: function init() { if(swfobject.hasFlashPlayerVersion(“10”)){ var flashvars = {}; flashvars.xmlPath = “coffee”; flashvars.name = “coffee”; var params = {};...
Flex 实现的截图。一个是通过鼠标左键拖拽,类似qq截图。另一个是初始时就有矩形截图框,截图狂可以通过拖拽进行放大缩小。被截的背景图一种是图片尺寸的放大缩小,一种是图片所在画布的Scale方式放大缩小。
本文实例为大家分享了css3实现图片拖拽效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type=...
flex3的cookbook书籍完整版dpf(包含目录),目录是我花了两个多小时自己整理的,希望对大家有帮助。 目录: 第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 ...
可以实现sprite 缩小时更换图片 鼠标拖拽左右滑动可以控制速度!
lazyload是图片懒加载特效源码 demo是官方提供的,针对一些难点,我在上面添加一些注释 bezierDemo是仿qq消息气泡拖拽消失的效果 spa是单页应用,纯jq+html+css实现的 rem+flex是响应式布局 zepto的demo就是:...
7、强大的后台管理功能,文章、图片、产品、菜单、页面等各种内容管理应有尽有。 8、内置大量功能模块。 9、良好的SEO支持。 10、大量使用ajax技术,无需刷新,节省宝贵时间。 11、后台基于flex,操作更加便捷。...
操作方面:拖拽,控件分组,甚至元素之间的对齐都做得很到位; 预制了六十多个界面元素,从简单的输入框,下拉框,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等...
拖拽基础组件,在视图区双击元素弹出编辑层,保存为json(输出为静态页面) 可保存为页面模板 练习项目: 使用:angular1.5.2+sass+gulp+flex+rem 地区筛选,分类筛选,关键字搜索。 信息展示(图片文字) 登陆注册...
富文本编辑器复制拖拽图片 深入理解slot算法和shadow DOM 一些好用的模板引擎库 如何理解Range和Selection对象? 关于WAI-ARIA那些事儿 [译]HTML进阶之Content categories [译]HTML进阶之Data attributes [译]如何...
javascript复制到剪切板滚动加载图片生成随机字符串文件上传和下载动态字体大小元素是否在视口中限制输入滑动解锁常见表单验证UI代理LI拖拽交换商品规格组合工具提示滑块粘性导航条挪动足球 轮播轮播表格排序编辑...