/**
* 图片拖拽
*/
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中实现图片的拖放功能,包括两种模式:拖动图片不删除原图和拖动图片后删除原图。 首先,我们需要了解Flex4中的DragManager类,它是实现拖放操作的核心。DragManager提供了...
本文主要解析一份关于Flex 3.0中实现图片拖拽功能的代码。通过详细分析这份代码,可以帮助读者更好地理解Flex中的拖拽机制以及如何在实际项目中应用这一功能。 #### 二、Flex与拖拽功能简介 Flex是一款用于构建高...
对于图片拖拽,我们需要将图片转换为BitmapData,然后以数据的形式传递给DragManager。例如: ```actionscript var bitmapData:BitmapData = new BitmapData(image.width, image.height, true, 0); bitmapData.draw...
flex写的一个可拖拽的容器系统 有点像背包系统 但背包内元素是图标 这个是容器里面愿意放什么放什么(如列表、日历等) 本资源非原创 从老外那找的 里面是纯代码生成的 支持技术研究(如果是图片格式请不要下载,...
- 开发完成后,通过Flex Builder或命令行工具编译并运行应用,检查图片拖拽功能是否正常工作。 - 调试过程中,可以使用Flex的内置调试器或集成开发环境(IDE)提供的工具来追踪代码执行和事件流。 综上所述,这个...
在Flex开发中,图片的旋转、缩放和拖动功能是常见的交互效果,尤其是在构建富互联网应用程序(RIA)时。Flex作为一个基于ActionScript 3.0的开源框架,提供了强大的图形处理和用户交互能力,使得实现这些特效成为...
用鼠标拖拽选择要截取的区域,图片格式没有限制,没有和后台交互
在本文中,我们将深入探讨如何使用Adobe Flex技术创建一个具有拖拽功能的柱状图,以及如何实现点击柱状图后弹出图片窗口的功能。Flex是一个开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA)。...
"Flex2开发的Web拖拽开发工具"是一个利用Flex2.0技术构建的Web应用,它允许用户通过直观的拖拽方式来设计和构建Flex用户界面(UI)。这个工具本身就是一个Flex Web Application,这意味着它是用Flex SDK编译并运行在...
在本案例中,“拖拽像册flex源码”指的是使用Flex技术开发的一个可交互的相册应用,允许用户通过拖放操作来浏览和管理图片。 在Flex中,创建这样的拖拽相册涉及到以下几个关键知识点: 1. **MXML与ActionScript**...
代码如下: 代码如下: function init() { if(swfobject.hasFlashPlayerVersion(“10”)){ var flashvars = {}; flashvars.xmlPath = “coffee”; flashvars.name = “coffee”; var params = {};...
4. **Flex拖拽功能**:在购物商店中,可能实现了一个创新的拖拽功能,允许用户通过拖放操作来选择商品。这利用了Flex的DragManager和DropTarget API,可以增强用户的交互体验。 5. **中文版**:这个版本的购物商店...
Flex 实现的截图。一个是通过鼠标左键拖拽,类似qq截图。另一个是初始时就有矩形截图框,截图狂可以通过拖拽进行放大缩小。被截的背景图一种是图片尺寸的放大缩小,一种是图片所在画布的Scale方式放大缩小。
8. `assets`:这是一个通常用于存放应用程序图标、图片和其他资源的目录。 综上所述,FlexMDI是一个强大的Flex MDI框架,它提供了拖放、最大化、最小化等多种功能,以及丰富的视觉效果,使开发者能够创建具有桌面级...
本文实例为大家分享了css3实现图片拖拽效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type=...
- **界面交互**:实现用户与网络视图的交互,如拖拽节点、缩放视图等。 - **Table组件**:用于展示表格形式的数据。 - **Tree组件**:用于展示层次结构的数据。 #### 三、进阶篇 - **数据序列化**:TWaver Flex...
总结来说,实现JS图片拖拽和瀑布流布局涉及JavaScript的拖放API和CSS Flexbox技术。通过监听拖放事件,我们可以控制图片的移动和排序;而通过灵活运用Flexbox,我们可以创建出适应屏幕大小的瀑布流布局。这种技术...
6. **图片保存**:程序能够将流程图保存为图片,这可能涉及到将Flex的舞台内容转换为位图,然后利用BitmapData对象和PNGEncoder类将其编码为PNG格式的图像文件。 7. **调试与测试**:由于描述中提到在Flex3上已通过...