`
Callan
  • 浏览: 736712 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Flex拖拽

    博客分类:
  • 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拖拽画矩形

    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 拖动导航菜单

    在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