<?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中的拖放(Drag-and-Drop)机制 1. 拖放事件模型:在Flex中,实现拖放功能涉及一系列的事件,包括`dragStart`、`drop`、`dragEnter`、`dragLeave`、`dragOver`...
### Flex拖拽功能详解 Flex框架提供了一套强大的机制用于实现拖放(drag and drop)功能,这在用户界面设计中极为常见,特别是在构建高度交互性的应用时。本文旨在深入探讨Flex中的拖拽功能,包括其工作原理、关键...
在Flex中,我们可以为任何UIComponent创建一个DragSource,定义拖动时的数据。例如,如果要拖动一个列表项,我们可以这样设置: ```actionscript var dragSource:DragSource = new DragSource(); dragSource....
#### 一、Flex拖拽技术概述 Flex的拖拽功能主要由`DragManager`类进行管理。这个类提供了一系列事件和属性来控制拖拽行为。例如,`DragEvent`类定义了与拖拽相关的事件,如`dragStart`、`dragMove`、`dragEnd`等。...
### Flex拖拽技术详解 #### 一、Flex拖拽概述 在Adobe Flex应用程序开发中,拖拽(Drag and Drop)是一种非常实用的功能,它允许用户将数据或对象从一个位置移动到另一个位置。这种功能在视觉应用中尤其有用,比如...
- **初始化**:在Flex中,对于基于`List`的组件(如`List`, `Tree`, `DataGrid`等),用户通过点击并拖拽特定项来启动拖放操作。被拖拽的组件被称为“拖动发起者”。 - **拖动**:在此阶段,用户正在移动某个项。...
4. **基于列表的组件**:Flex提供了多种基于列表的组件,如List、Tree、Menu、TileList、HorizontalList等。这些组件用于以不同的视觉形式展示一组集合的数据。例如,List以垂直列的形式展示数据,而HorizontalList...
5. **组件自定义**:可能需要自定义一个继承自Flex内置组件(如Canvas或List)的类,以便添加拖放功能。自定义组件可以覆盖`startDrag()`和`stopDrag()`方法,以及其他与拖放相关的处理函数。 6. **布局管理器**:...
</script><style scoped> .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:...
在Vue.js框架中,实现拖拽元素功能可以极大地提升用户交互体验,特别是在构建富交互性的Web应用时。Vue.js提供了一种声明式编程方式,使得处理动态数据和DOM操作变得简单。下面我们将深入探讨如何利用Vue.js实现一个...
1. **Flex组件库**:Flex提供了一套丰富的预定义组件,如Button、List、Accordion等,这些组件可以快速搭建用户界面。在杂志效果中,可利用Image、Canvas等组件来展示杂志的封面、内页和广告等内容。 2. **图形和...
3. **事件处理**:利用Flex的事件模型,可以监听用户的交互,如点击、拖动等,以便更新拓扑图的显示或执行其他业务逻辑。 4. **图形API**:ActionScript的绘图API允许开发者直接在舞台上绘制自定义图形,这对于创建...
通过拖放操作,用户能够选择一个对象(例如`List`控件或Flex中的`Image`控件),并将其拖动至另一个组件(容器)中,最终将该对象添加到目标组件内。 #### 二、关于拖放操作 拖放操作主要包括三个阶段:初始化、...
4. **Flex拖拽功能**:在购物商店中,可能实现了一个创新的拖拽功能,允许用户通过拖放操作来选择商品。这利用了Flex的DragManager和DropTarget API,可以增强用户的交互体验。 5. **中文版**:这个版本的购物商店...
- Flex Framework:包含丰富的组件库,如Button、TextArea、List等,用于快速构建用户界面。此外,还有一套完整的事件模型和数据绑定机制。 2. 实现杂志翻页特效: - 模拟物理行为:为了达到逼真的翻页效果,...
- **List组件**:这是Flex中用于展示列表数据的重要控件,支持高度定制化。 - **`itemRenderer`**:它是用于自定义列表项外观的组件,通过设置`itemRenderer`,开发者可以控制每个列表项的具体显示样式。 **7. P77...
- 对于复杂的树结构,可能还需要额外的功能支持,比如拖拽排序、节点展开/折叠等。 通过以上对“Flex 动态生成树”的知识点解析,我们可以看到,在Flex中实现动态生成树不仅需要了解基本的Flex组件和编程模型,还...
- **DivideBox**: 可调整大小的容器,允许用户通过拖拽来调整子组件的大小。 - **Form、FormHeading、FormItem**: 表单及其相关的标题和表单项。 - **Grid、GridItem、GridRow**: 表格布局及其相关的单元格和行。 - ...