`
lichen0921
  • 浏览: 81506 次
  • 性别: 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实现拖拽功能

    在本主题中,我们将深入探讨如何在Flex4中实现图片的拖放功能,包括两种模式:拖动图片不删除原图和拖动图片后删除原图。 首先,我们需要了解Flex4中的DragManager类,它是实现拖放操作的核心。DragManager提供了...

    Flex 拖拽图片代码

    本文主要解析一份关于Flex 3.0中实现图片拖拽功能的代码。通过详细分析这份代码,可以帮助读者更好地理解Flex中的拖拽机制以及如何在实际项目中应用这一功能。 #### 二、Flex与拖拽功能简介 Flex是一款用于构建高...

    flex实现的拖拽控件

    对于图片拖拽,我们需要将图片转换为BitmapData,然后以数据的形式传递给DragManager。例如: ```actionscript var bitmapData:BitmapData = new BitmapData(image.width, image.height, true, 0); bitmapData.draw...

    FLEX自定义拖拽容器Dashboard

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

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

    - 开发完成后,通过Flex Builder或命令行工具编译并运行应用,检查图片拖拽功能是否正常工作。 - 调试过程中,可以使用Flex的内置调试器或集成开发环境(IDE)提供的工具来追踪代码执行和事件流。 综上所述,这个...

    Flex 图片旋转 缩放 拖动 特效

    在Flex开发中,图片的旋转、缩放和拖动功能是常见的交互效果,尤其是在构建富互联网应用程序(RIA)时。Flex作为一个基于ActionScript 3.0的开源框架,提供了强大的图形处理和用户交互能力,使得实现这些特效成为...

    flex鼠标拖拽进行截图

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

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

    在本文中,我们将深入探讨如何使用Adobe Flex技术创建一个具有拖拽功能的柱状图,以及如何实现点击柱状图后弹出图片窗口的功能。Flex是一个开源的、基于ActionScript的框架,主要用于构建富互联网应用程序(RIA)。...

    Flex2开发的Web拖拽开发工具

    "Flex2开发的Web拖拽开发工具"是一个利用Flex2.0技术构建的Web应用,它允许用户通过直观的拖拽方式来设计和构建Flex用户界面(UI)。这个工具本身就是一个Flex Web Application,这意味着它是用Flex SDK编译并运行在...

    拖拽像册flex源码

    在本案例中,“拖拽像册flex源码”指的是使用Flex技术开发的一个可交互的相册应用,允许用户通过拖放操作来浏览和管理图片。 在Flex中,创建这样的拖拽相册涉及到以下几个关键知识点: 1. **MXML与ActionScript**...

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

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

    flex做的购物商店中文版(**推荐**)

    4. **Flex拖拽功能**:在购物商店中,可能实现了一个创新的拖拽功能,允许用户通过拖放操作来选择商品。这利用了Flex的DragManager和DropTarget API,可以增强用户的交互体验。 5. **中文版**:这个版本的购物商店...

    Flex截图Screenshot

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

    flexmdi程序提供了很多功能,包括拖拽,最大化,最小化,各种效果等

    8. `assets`:这是一个通常用于存放应用程序图标、图片和其他资源的目录。 综上所述,FlexMDI是一个强大的Flex MDI框架,它提供了拖放、最大化、最小化等多种功能,以及丰富的视觉效果,使开发者能够创建具有桌面级...

    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=...

    twaver flex developer guid

    - **界面交互**:实现用户与网络视图的交互,如拖拽节点、缩放视图等。 - **Table组件**:用于展示表格形式的数据。 - **Tree组件**:用于展示层次结构的数据。 #### 三、进阶篇 - **数据序列化**:TWaver Flex...

    JS图片拖拽瀑布流布局代码

    总结来说,实现JS图片拖拽和瀑布流布局涉及JavaScript的拖放API和CSS Flexbox技术。通过监听拖放事件,我们可以控制图片的移动和排序;而通过灵活运用Flexbox,我们可以创建出适应屏幕大小的瀑布流布局。这种技术...

    用Flex编写的绘制流程图的代码

    6. **图片保存**:程序能够将流程图保存为图片,这可能涉及到将Flex的舞台内容转换为位图,然后利用BitmapData对象和PNGEncoder类将其编码为PNG格式的图像文件。 7. **调试与测试**:由于描述中提到在Flex3上已通过...

Global site tag (gtag.js) - Google Analytics