`
jiujiubuzui
  • 浏览: 73224 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

Flex中的拖动技术

 
阅读更多

Flex组件内置了处理拖拽事件的接口,有些控件已经实现了拖拽功能,比如 List、DataGrid、Menu、

HorizontalList、 PrintDataGrid、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实现的拖拽控件,这是一种交互式UI元素,允许用户通过鼠标操作移动元素,提供了丰富的用户体验。 拖拽功能在Flex中可以通过使用内置的DragManager类和Event类来实现。DragManager类...

    flex拖拽

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

    flex组件拖拽框架

    Flex组件拖拽框架是一种在Adobe Flex环境中实现的交互设计技术,允许用户通过鼠标操作将组件在界面上自由移动,从而提升用户体验和应用的可操作性。这个框架通常由一系列类和方法组成,用于处理拖放事件,跟踪鼠标...

    flex tree 拖拽

    Flex Tree 是一种基于 Adobe Flex 技术实现的可交互树形数据结构组件,它允许用户以图形化的方式查看和操作层次结构数据。在 Flex 应用中,Tree 控件经常用于展示具有层级关系的数据,例如文件系统、组织结构或者...

    Flex拖拽控件效果

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

    Flex 拖动 放大缩小

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

    flex拖拽效果

    在前端开发领域,Flex布局(Flexible Box)是用于创建弹性盒模型的一种CSS3模块,它极大地增强了网页元素的布局能力,特别是在响应式设计中。"flex拖拽效果"是指利用Flex布局来实现元素的拖放功能,使得用户可以通过...

    flex 3D拖拽不同角度观看

    在本文中,我们将深入探讨如何使用Adobe Flex与Papervision3D库相结合,实现3D拖拽功能,让用户可以从不同角度观察3D对象。Flex是一个开放源代码的框架,用于构建富互联网应用程序(RIA),而Papervision3D是Flash...

    flex 图片画线,拖动

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

    flex 窗口拖动与尺寸改变

    在IT领域,尤其是在Web开发中,Flex是一种常用于创建可伸缩、响应式的用户界面的技术。Flex,全称为Adobe Flex,最初由Macromedia开发,后来被Adobe公司接手,现在则是一个开源项目Apache Flex。Flex提供了强大的...

    Flex Air 拖拽排版 类似 ps 图层

    在本案例中,"Flex Air 拖拽排版 类似 ps 图层" 指的是一款利用Flex Air技术开发的工具,该工具具有类似Photoshop(ps)图层的拖拽功能,使得用户可以方便地对各种元素进行自由布局和排版。 在设计和开发过程中,这...

    Flex List DataGrid Menu 拖动技术

    ### Flex中的List、DataGrid与Menu拖动技术详解 在Flex框架中,用户交互和数据展示是极其重要的组成部分。为了增强用户体验,Flex提供了多种控件,包括`List`、...希望本文能帮助你更好地理解和应用Flex中的拖拽技术。

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

    在Flex 4.5开发中,拖放(Drag & Drop)功能是一项常用且重要的交互设计技术,它允许用户通过鼠标操作将元素从一个位置移动到另一个位置,这在构建用户界面时大大提升了用户体验。本教程将详细介绍如何在Flex 4.5中...

    flex 特效拖动Panel变Window

    在Flex编程中,"flex特效拖动Panel变Window"是一个常见的交互设计,它涉及到用户界面(UI)的动态转换和响应式设计。这个功能允许用户通过拖动一个Panel(面板)来创建一个新的独立窗口(Window)。在本文中,我们将...

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

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

    Flex 图片旋转 缩放 拖动 特效

    首先,让我们深入理解Flex中的关键概念和技术: 1. **组件与控件**:在Flex中,组件(Component)是UI的基本构建块,它们可以独立工作并包含其他组件。控件(Control)是一种特殊的组件,通常具有特定的功能,如...

    FLEX自定义拖拽容器Dashboard

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

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

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

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

    本文将深入探讨一个基于Flex技术的鼠标拖拽图片的简单示例,帮助开发者理解如何在Flex应用程序中实现这一功能。Flex是由Adobe公司推出的开源框架,主要用于构建富互联网应用(RIA),它提供了丰富的用户界面组件和...

Global site tag (gtag.js) - Google Analytics