`
jaenson
  • 浏览: 188989 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Flex拖拽事件的方法和属性

阅读更多

Flex组件内置了处理拖拽事件的接口,有些控件已经实现了拖拽功能,比如List、DataGrid、Menu、TileList、Tree,在设置相关的拖拽属性后,它们都可以在相同类型的组件之间利用鼠标来实现数据的转移。

allowDragSelection          是否可以拖选

allowMultipleSelection      是否可以多选

dragEnabled                 是否可以拖动子元素

dragMoveEnabled             是否移动元素位置,而不是复制元素

dropEnabled                 是否可以将物体放置进来


在Flex中,有几个专门的对象供开发者处理拖拽事件:

DragManager:位于mx.managers包中,管理拖拽事件

DragSource:位于mx.core包中,是Flex框架中的核心成员,处理拖拽中的数据传递

DragEvent:位于mx.events包中,拖拽操作中的事件对象。

按照逻辑,拖拽中至少有两个对象:一方提供数据,一方接收数据。在这个过程中,提供数据的一方按照前后顺序,可以把整个过程划分为下面几个事件:

mouseDown:鼠标按下。

mouseMove:鼠标移动。

dragComplate:鼠标释放。判断目标是否接受数据,如果可以,拖放成功。

接收方也将经历几个阶段

dragEnter:被拖动对象移动到目标范围中。

dragDrop:鼠标在目标上松开。

dragOver:鼠标移动到目标上。

dragExit:独享被拖离目标范围
分享到:
评论

相关推荐

    flex拖拽

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

    flex 拖拽的例子

    你可以使用UIComponent的`allowDrop`属性来定义是否接受拖放,然后监听`dragEnter`, `dragOver`, `dragDrop`, 和 `dragLeave`事件来处理拖放操作。 ```actionscript dropArea.addEventListener(DragEvent.DRAG_...

    Flex 拖动 放大缩小

    在Flex中,我们可以使用`scaleX`和`scaleY`属性来改变组件的缩放比例。 在模拟地图中,限制拖动范围是确保用户体验的重要部分。这通常通过设置边界条件来实现。在每次更新组件位置时,我们需要检查新位置是否超出...

    flex 拖拽功能 中文文档

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

    flex实现的拖拽控件

    在实现复制拖拽和不复制拖拽时,我们可以通过设置DragManager的copy属性来控制。当copy为true时,拖动过程中会创建数据的副本;若为false,则拖动的是原数据。 对于图片拖拽,我们需要将图片转换为BitmapData,然后...

    flex拖拽效果

    在学习和实现flex拖拽效果时,不仅要掌握Flex布局的基本概念,如`flex-direction`、`justify-content`、`align-items`等属性,还要熟悉DOM操作和事件处理,以及可能涉及到的CSS定位知识。这将有助于创建更富交互性的...

    flex 拖拽树 控件

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

    Flex可以拖拽的panel

    通过以上讲解,我们可以了解到在Flex中实现面板拖拽的基本原理和方法。在实际项目中,还可以根据需求进一步优化,例如添加拖放限制、缓动效果、或者与其他组件的交互逻辑,从而提供更丰富和流畅的用户体验。

    Flex关于拖拽编程

    综上所述,Flex的拖拽编程提供了一套完整的机制,从启动拖放、控制拖动代理到处理数据传输和监听事件,都提供了丰富的API和事件处理机制。通过熟练掌握这些知识点,开发者可以轻松创建出具有生动用户体验的Flex应用...

    Flex4实现拖拽功能

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

    flex tree 拖拽

    综上所述,实现 Flex Tree 的拖拽功能需要理解 Flex 的 DragManager 机制,掌握 Tree 控件的拖放属性和事件,以及如何处理数据模型的变化。通过精心设计和优化,可以创建出交互性强、易用性好的树形数据操作界面。在...

    flex 拖拽效果程序

    可以使用`createObjectForDrag()`方法创建一个表示拖动数据的对象,或者直接设置`dragInitiator`的`data`属性。 3. **定义拖放范围(Drop Target)**:拖放操作还需要一个或多个接受拖动数据的目标。目标组件通常也...

    支持手动拖拽缩放flex组件的组件

    开发者Janis Radins可能是一位贡献者或者创建者,他的工作是为Flex开发者提供一种增强用户体验的方法,即通过拖拽和缩放来增强组件的可操作性。 在Flex编程中,组件(Component)是构建用户界面的基本单元,它们...

    flex 图片画线,拖动

    总的来说,"flex 图片画线,拖动"这个功能结合了现代Web开发的多种技术,包括响应式布局、图形绘制和事件处理,它能够创建出富有交互性和动态性的用户界面。理解和掌握这些技术对于提升Web应用的用户体验至关重要。

    Flex 拖动,滚动曲线图

    总的来说,"Flex 拖动,滚动曲线图 LineChart"涉及的知识点包括:Flex编程、ActionScript 3.0、mx.charts库中的LineChart组件、mx.controls.Scroller组件的使用,以及鼠标事件处理和图形渲染的原理。掌握这些知识点...

    flex中 Tree树节点内部拖动实例(此实例限制了什么节点可以拖动及拖动到什么位置)

    - 利用Tree的parent和childIndex属性,我们可以获取到拖动节点的当前父节点和索引,以及目标节点的信息,从而确定拖放的合法性。 4. **源码分析**: "DragTree"可能是一个包含实现上述逻辑的类或MXML文件。在这个...

    Flex 4.5 实现tree拖拽到任意组建

    通过调用`DropTarget`类的静态方法`addDropTarget`,将DataGrid实例传递进去,并注册相应的事件处理器,如`dragEnter`、`dragOver`和`drop`事件。在这些事件处理器中,我们可以根据需要处理拖放行为,比如允许或拒绝...

    Flex实现拓扑,可以拖动 画线等

    在本案例中,"Flex实现拓扑,可以拖动 画线等",指的是利用Flex技术开发了一个具有拓扑图展示功能的应用,该应用允许用户进行节点拖动和连线绘制,提高了用户体验和互动性。 拓扑图通常用于表示网络、系统或流程中...

    flex 3D拖拽不同角度观看

    在本文中,我们将深入探讨如何使用Adobe...总的来说,结合Flex和Papervision3D,我们可以创建具有交互性的3D环境,让用户能够自由地从不同角度拖动和查看3D对象。这种技术在游戏、产品展示、模拟等领域有着广泛的应用。

    Flex中通过设置isPopUp属性创建一个无法拖动的Alert对话框的例子

    本篇文章将深入探讨如何通过设置`isPopUp`属性在Flex中创建一个不可拖动的Alert对话框。 首先,让我们了解`isPopUp`属性。`isPopUp`是Flash Player和Adobe AIR中的UIComponent类的一个属性,它定义了组件是否应该...

Global site tag (gtag.js) - Google Analytics