`
wangguorui89
  • 浏览: 318269 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

flex 拖拽

阅读更多
   1. import mx.controls.Button;
   2. import mx.controls.TextArea;
   3. import mx.core.BitmapAsset;
   4. import mx.core.DragSource;
   5. 
   6. import mx.managers.DragManager;
   7. import mx.events.DragEvent;
   8. 
   9. private const FORMAT:String = "format";
  10. 
  11. private function onMouseDown( event:MouseEvent ):void
  12. {
  13. // 下面这个是要进行拖放的元件
  14. var dragInitiator:Button = event.currentTarget as Button;
  15. 
  16. // 使用 dragSource 来装载数据
  17. // 第一个参数就是需要传递的数据, Object类型, 可以是任何数据, 这里是字符串数据
  18. // 第二个参数是一个标识符, 标识这个数据, 指示特定的元件才能接收这个数据
  19. var dragSource:DragSource = new DragSource();
  20. dragSource.addData( dragInitiator.label, FORMAT );
  21. 
  22. // 拖动时显示的图像, 如果不定义这个, 默认是一个与拖放元件等大的纯色方块
  23. var dragImg:BitmapAsset = new BitmapAsset();
  24. dragImg.bitmapData = new BitmapData( dragInitiator.width, dragInitiator.height );
  25. dragImg.bitmapData.draw( dragInitiator );
  26. 
  27. // 以下参数分别是: 拖放元件, 拖放数据, 触发拖放的鼠标事件, 拖动时显示的图像, x轴偏移量, y轴偏移量, 透明度
  28. DragManager.doDrag( dragInitiator, dragSource, event, dragImg, 0, 0, 0.5 );
  29. }
  30. 
  31. private function onDragEnter( event:DragEvent ):void
  32. {
  33. if( event.dragSource.hasFormat( FORMAT ) )
  34. {
  35. DragManager.acceptDragDrop( event.target as TextArea );
  36. }
  37. }
  38. 
  39. private function onDragDrop( event:DragEvent ):void
  40. {
  41. // 寻找 FORMAT 指定的数据
  42. var text:String = event.dragSource.dataForFormat( FORMAT ).toString() + "\n";
  43. 
  44. var textArea:TextArea = event.target as TextArea;
  45. textArea.text += text;
  46. }
分享到:
评论

相关推荐

    flex拖拽

    在前端开发中,"flex拖拽"是一种常见交互设计,特别是在构建可自定义布局或需要用户手动调整元素位置的应用中。Flex布局(Flexible Box Layout)是CSS3的一种布局模式,它提供了一种更加灵活的方式来控制容器中子...

    flex拖拽画矩形

    flex真是个很强大的工具,当然demo也是我们学习的主要方法,flex拖拽画矩形,很流畅的,一点不卡

    flex 拖拽功能 中文文档

    ### Flex拖拽功能详解 Flex框架提供了一套强大的机制用于实现拖放(drag and drop)功能,这在用户界面设计中极为常见,特别是在构建高度交互性的应用时。本文旨在深入探讨Flex中的拖拽功能,包括其工作原理、关键...

    Flex拖拽库flex拖拽库

    本篇文章将详细讲解Flex拖拽库的相关知识点。 一、Flex中的拖放(Drag-and-Drop)机制 1. 拖放事件模型:在Flex中,实现拖放功能涉及一系列的事件,包括`dragStart`、`drop`、`dragEnter`、`dragLeave`、`dragOver`...

    Flex拖拽控件效果

    这个主题聚焦于“Flex拖拽控件效果”,这是一项常见的用户交互功能,允许用户通过鼠标操作移动UI元素,提升应用的易用性和互动性。 在Flex中,实现拖放(Drag and Drop)功能主要涉及两个核心类:`DragManager`和`...

    flex 拖拽的例子

    在Flex中,我们可以为任何UIComponent创建一个DragSource,定义拖动时的数据。例如,如果要拖动一个列表项,我们可以这样设置: ```actionscript var dragSource:DragSource = new DragSource(); dragSource....

    Flex 拖动 放大缩小

    在本文中,我们将深入探讨Flex技术,特别是关于拖动、放大缩小以及在模拟地图场景中的应用。Flex是一种基于ActionScript 3.0的开放源代码框架,主要用于构建富互联网应用程序(RIA)。它允许开发者创建交互性强、...

    flex拖动树形

    在本案例中,我们关注的是一个特定的实现——"flex拖动树形",这是一种允许用户通过拖放操作在两个区域之间移动节点的自定义树形控件。 拖放功能是人机交互中常见的一种交互模式,用于在界面上移动元素,常用于文件...

    flex 拖拽树 控件

    Flex是一种由Adobe公司...总之,Flex拖拽树控件提供了丰富的交互体验,允许用户直观地管理和组织树形数据。通过理解并应用上述步骤和概念,开发者可以创建出高效且用户友好的界面,提高应用程序的可用性和用户体验。

    flex 拖拽框架和图表服务的实现

    在本项目中,“flex 拖拽框架和图表服务的实现”是一个利用Flex技术创建的交互式应用,允许用户通过拖放操作来交互地操纵界面元素。下面将详细介绍这个项目中的关键知识点。 1. Flex框架:Flex是ActionScript 3.0的...

    flex 拖拽效果程序

    标题"flex 拖拽效果程序"表明我们将关注的是如何在Flex中创建一个具有拖放功能的程序。在Flex中,这种功能主要通过DragManager和UIComponent类的拖放API来实现。让我们详细了解一下实现拖放效果的过程。 1. **启用...

    flex拖拽效果

    "flex拖拽效果"是指利用Flex布局来实现元素的拖放功能,使得用户可以通过鼠标或其他输入设备对页面上的元素进行移动和重新排列。这对于构建交互式界面、组织工作区或自定义布局等场景非常有用。 首先,要理解Flex...

    Flex 拖动,滚动曲线图

    在本例中,我们关注的是“Flex 拖动,滚动曲线图”,这涉及到Flex中的图表组件和用户交互功能。 首先,Flex中的曲线图,通常称为LineChart,是用于展示数据趋势的可视化工具。LineChart组件允许开发者将一系列数据...

    Flex 拖拽图片代码

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

    Flex拖拽

    ### Flex拖拽技术详解 #### 一、Flex拖拽概述 在Adobe Flex应用程序开发中,拖拽(Drag and Drop)是一种非常实用的功能,它允许用户将数据或对象从一个位置移动到另一个位置。这种功能在视觉应用中尤其有用,比如...

    flex 拖动导航菜单

    在IT行业中,构建用户友好的界面是至关重要的,而“flex 拖动导航菜单”是一种创新的交互设计,尤其适用于需要高度自定义和灵活性的系统。这种设计灵感来源于Windows操作系统,允许用户自由地拖动导航菜单到屏幕的...

    Flex拖动购物车很Cool给大家更多的帮助

    标题提到的“Flex拖动购物车很Cool”,是指在Flex应用中实现购物车组件的拖放功能,这种功能可以增强用户的交互体验,使购物过程更加直观和便捷。 在Flex中,实现拖放操作主要依赖于两个主要类:`DragManager`和`...

    flex实现的拖拽控件

    在这个场景中,我们关注的是Flex实现的拖拽控件,这是一种交互式UI元素,允许用户通过鼠标操作移动元素,提供了丰富的用户体验。 拖拽功能在Flex中可以通过使用内置的DragManager类和Event类来实现。DragManager类...

    Flex 拖拽例子 从不同组件间拖拽

    拖放操作在Flex中分为两个主要部分:拖动源(Drag Source)和放置目标(Drop Target)。拖动源是用户开始拖动操作的对象,而放置目标是用户可以放下该对象的目标区域。Flex提供了DragManager类来处理这些操作,并且...

    flex 图片画线,拖动

    在IT行业中,尤其是在Web开发领域,"flex 图片画线,拖动"是一个常见的交互功能需求,用于增强用户体验。这个功能通常涉及到HTML5、CSS3和JavaScript等技术,特别是Flex布局和SVG图形技术。让我们详细探讨一下这个...

Global site tag (gtag.js) - Google Analytics