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

Flex拖拽-List内部拖拽

    博客分类:
  • Flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="creationHandler();">
	<mx:Script>
		<![CDATA[
		import mx.utils.ObjectUtil;
		import mx.events.DragEvent;
		import mx.collections.ArrayCollection;
		private function creationHandler():void {
			var collection:ArrayCollection = new ArrayCollection( ['Josh', 'Todd', 'Abey'] );
			contactList.dataProvider = collection;
		}
		
		]]>
	</mx:Script>
	
	<mx:Panel title="Contact List:" width="200" height="200"> 
		<mx:List id="contactList" width="100%" height="100%" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"/>
</mx:Panel>
</mx:WindowedApplication>

 

分享到:
评论

相关推荐

    Flex拖拽库flex拖拽库

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

    flex 拖拽功能 中文文档

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

    flex 拖拽的例子

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

    Flex List DataGrid Menu 拖动技术

    #### 一、Flex拖拽技术概述 Flex的拖拽功能主要由`DragManager`类进行管理。这个类提供了一系列事件和属性来控制拖拽行为。例如,`DragEvent`类定义了与拖拽相关的事件,如`dragStart`、`dragMove`、`dragEnd`等。...

    Flex拖拽

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

    Flex基础培训-6-拖放与过滤

    - **初始化**:在Flex中,对于基于`List`的组件(如`List`, `Tree`, `DataGrid`等),用户通过点击并拖拽特定项来启动拖放操作。被拖拽的组件被称为“拖动发起者”。 - **拖动**:在此阶段,用户正在移动某个项。...

    Flex基础培训-3-组件和布局

    4. **基于列表的组件**:Flex提供了多种基于列表的组件,如List、Tree、Menu、TileList、HorizontalList等。这些组件用于以不同的视觉形式展示一组集合的数据。例如,List以垂直列的形式展示数据,而HorizontalList...

    拖拽像册flex源码

    5. **组件自定义**:可能需要自定义一个继承自Flex内置组件(如Canvas或List)的类,以便添加拖放功能。自定义组件可以覆盖`startDrag()`和`stopDrag()`方法,以及其他与拖放相关的处理函数。 6. **布局管理器**:...

    Vue使用vue-draggable 插件在不同列表之间拖拽功能

    &lt;/script&gt;&lt;style scoped&gt; .theme-setting { display: flex; justify-content: space-between; align-items: center; padding: 20px 30px; } .theme-left, .theme-right { width: 45%; min-width: 270px; max-width:...

    实现基于vuejs的拖拽元素的插件

    在Vue.js框架中,实现拖拽元素功能可以极大地提升用户交互体验,特别是在构建富交互性的Web应用时。Vue.js提供了一种声明式编程方式,使得处理动态数据和DOM操作变得简单。下面我们将深入探讨如何利用Vue.js实现一个...

    不错的flex杂志效果

    1. **Flex组件库**:Flex提供了一套丰富的预定义组件,如Button、List、Accordion等,这些组件可以快速搭建用户界面。在杂志效果中,可利用Image、Canvas等组件来展示杂志的封面、内页和广告等内容。 2. **图形和...

    flex 拓扑图dome

    3. **事件处理**:利用Flex的事件模型,可以监听用户的交互,如点击、拖动等,以便更新拓扑图的显示或执行其他业务逻辑。 4. **图形API**:ActionScript的绘图API允许开发者直接在舞台上绘制自定义图形,这对于创建...

    Flex3组件拖放教程

    通过拖放操作,用户能够选择一个对象(例如`List`控件或Flex中的`Image`控件),并将其拖动至另一个组件(容器)中,最终将该对象添加到目标组件内。 #### 二、关于拖放操作 拖放操作主要包括三个阶段:初始化、...

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

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

    flex学习笔记beginning

    根据给定的文件信息,我们可以提炼出以下关于Flex学习的关键知识点: ### 1. ActionScript 核心概念 #### 1.1 类和对象 (Class and Object) - **定义**:类是对象的抽象,而对象是类的具体实例。一个类定义了对象...

    Flex浏览杂志特效

    - Flex Framework:包含丰富的组件库,如Button、TextArea、List等,用于快速构建用户界面。此外,还有一套完整的事件模型和数据绑定机制。 2. 实现杂志翻页特效: - 模拟物理行为:为了达到逼真的翻页效果,...

    flex 第一步的bug

    - **List组件**:这是Flex中用于展示列表数据的重要控件,支持高度定制化。 - **`itemRenderer`**:它是用于自定义列表项外观的组件,通过设置`itemRenderer`,开发者可以控制每个列表项的具体显示样式。 **7. P77...

    flex 动态生成树

    - 对于复杂的树结构,可能还需要额外的功能支持,比如拖拽排序、节点展开/折叠等。 通过以上对“Flex 动态生成树”的知识点解析,我们可以看到,在Flex中实现动态生成树不仅需要了解基本的Flex组件和编程模型,还...

    Flex UI组件使用全集

    - **DivideBox**: 可调整大小的容器,允许用户通过拖拽来调整子组件的大小。 - **Form、FormHeading、FormItem**: 表单及其相关的标题和表单项。 - **Grid、GridItem、GridRow**: 表格布局及其相关的单元格和行。 - ...

Global site tag (gtag.js) - Google Analytics