`
lichen0921
  • 浏览: 79388 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

flex图片拖拽

    博客分类:
  • flex
阅读更多
/**
 * 图片拖拽
 */
 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
分享到:
评论

相关推荐

    Flex4实现拖拽功能

    flex实现了图片的拖拽功能,包括,拖动图片不删除原来图片,和拖动图片删除原来图片

    Flex 拖拽图片代码

    这个是个简单的Flex3.0拖拽图片的代码,里面的图片自己可以换一个。希望对大家有用。

    FLEX自定义拖拽容器Dashboard

    flex写的一个可拖拽的容器系统 有点像背包系统 但背包内元素是图标 这个是容器里面愿意放什么放什么(如列表、日历等) 本资源非原创 从老外那找的 里面是纯代码生成的 支持技术研究(如果是图片格式请不要下载,...

    flex实现的拖拽控件

    一个自定义的拖拽flex控件,可以实现复制拖拽,不复制拖拽,可以拖拽图片,也可以由文字拖拽后变成图片。

    Flex 图片旋转 缩放 拖动 特效

    Flex 图片旋转 缩放 拖动 特效 整个项目,其中的特效封装成一个控件,直接使用,

    flex鼠标拖拽进行截图

    用鼠标拖拽选择要截取的区域,图片格式没有限制,没有和后台交互

    flex拖拽形成柱状图,点击弹出图片窗口,柱状图用法

    Flex 实例,flex拖拽形成柱状图,点击弹出图片窗口,柱状图用法

    一个Flex鼠标拖拽图片的简单例子(附源码)

    NULL 博文链接:https://jaenson.iteye.com/blog/965675

    jQuery + Flex 通过拖拽方式动态改变图片的代码

    代码如下: 代码如下: function init() { if(swfobject.hasFlashPlayerVersion(“10”)){ var flashvars = {}; flashvars.xmlPath = “coffee”; flashvars.name = “coffee”; var params = {};...

    Flex截图Screenshot

    Flex 实现的截图。一个是通过鼠标左键拖拽,类似qq截图。另一个是初始时就有矩形截图框,截图狂可以通过拖拽进行放大缩小。被截的背景图一种是图片尺寸的放大缩小,一种是图片所在画布的Scale方式放大缩小。

    js css3实现图片拖拽效果

    本文实例为大家分享了css3实现图片拖拽效果的具体代码,供大家参考,具体内容如下 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style type=...

    flex3的cookbook书籍完整版dpf(包含目录)

    flex3的cookbook书籍完整版dpf(包含目录),目录是我花了两个多小时自己整理的,希望对大家有帮助。 目录: 第一章.Flex与ActionScript基础(3) 1.1节.用FlexBuilder创建Flex项目 1.2节.用FlexBuilder创建Flex库项目 ...

    pic.rar_FlashMX/Flex源码_Flex_

    可以实现sprite 缩小时更换图片 鼠标拖拽左右滑动可以控制速度!

    小程序各大效果实现列子

    lazyload是图片懒加载特效源码 demo是官方提供的,针对一些难点,我在上面添加一些注释 bezierDemo是仿qq消息气泡拖拽消失的效果 spa是单页应用,纯jq+html+css实现的 rem+flex是响应式布局 zepto的demo就是:...

    贝壳企业网站管理系统ShellCMS v1.1.3

    7、强大的后台管理功能,文章、图片、产品、菜单、页面等各种内容管理应有尽有。 8、内置大量功能模块。 9、良好的SEO支持。 10、大量使用ajax技术,无需刷新,节省宝贵时间。 11、后台基于flex,操作更加便捷。...

    软件界面设计工具3款合集

    操作方面:拖拽,控件分组,甚至元素之间的对齐都做得很到位; 预制了六十多个界面元素,从简单的输入框,下拉框,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等...

    leetcode下载-17x.github.io:17x.github.io

    拖拽基础组件,在视图区双击元素弹出编辑层,保存为json(输出为静态页面) 可保存为页面模板 练习项目: 使用:angular1.5.2+sass+gulp+flex+rem 地区筛选,分类筛选,关键字搜索。 信息展示(图片文字) 登陆注册...

    FrankKai.github.io:趁你还年轻的技术博客,主要包括前端,node,运维和随想,文章在issues。目前主要从事前端开发工作

    富文本编辑器复制拖拽图片 深入理解slot算法和shadow DOM 一些好用的模板引擎库 如何理解Range和Selection对象? 关于WAI-ARIA那些事儿 [译]HTML进阶之Content categories [译]HTML进阶之Data attributes [译]如何...

    nice:大而全,清晰明了

    javascript复制到剪切板滚动加载图片生成随机字符串文件上传和下载动态字体大小元素是否在视口中限制输入滑动解锁常见表单验证UI代理LI拖拽交换商品规格组合工具提示滑块粘性导航条挪动足球 轮播轮播表格排序编辑...

Global site tag (gtag.js) - Google Analytics