今天做控件之间的数据拖动时,始终要出现空指针错误,很郁闷,后来才发现,flex4和flex3的拖动有很大的不同,flex4中必须设定一个数据源,用来存放值,如果没有设置,数据就不知道怎么保存。
-----------------------在flex3中这样就行了------------------
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<s:ArrayList id="data1">
<fx:String>1</fx:String>
<fx:String>2</fx:String>
<fx:String>3</fx:String>
<fx:String>4</fx:String>
</s:ArrayList>
</fx:Declarations>
<mx:List x="92" y="82" width="200" dataProvider="{data1}" dragEnabled="true"/>
<mx:List x="442" y="82" width="200" dropEnabled="true"/>
</s:Application>
-----------------------但是flex4中会报空引用错误,加上数据源就好了------------------
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<s:layout>
<s:BasicLayout/>
</s:layout>
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
<s:ArrayList id="data1">
<fx:String>1</fx:String>
<fx:String>2</fx:String>
<fx:String>3</fx:String>
<fx:String>4</fx:String>
</s:ArrayList>
<s:ArrayList id="data2">
<fx:String>1</fx:String>
</s:ArrayList>
</fx:Declarations>
<s:List x="92" y="82" width="200" dataProvider="{data1}" dragEnabled="true"> </s:List>
<s:List x="442" y="82" width="200" dropEnabled="true" dataProvider="{data2}"></s:List>
</s:Application>
分享到:
相关推荐
在本文中,我们将深入探讨如何在Flex环境中实现拖放(Drag & Drop)功能,这是一个非常实用的用户交互设计。Flex是一种基于ActionScript和MXML的开源框架,用于构建富互联网应用程序(RIA)。拖放功能在Flex应用中...
在Flex4中,拖放(Drag and Drop,简称DnD)功能是一项强大的交互设计工具,它允许用户通过直观的拖动操作在界面上移动或转移数据。在本主题中,我们将深入探讨如何在Flex4中实现图片的拖放功能,包括两种模式:拖动...
flex支持拖拽的DataGrid,如果去查api来置一些属性将会比较麻烦,这个DataGrid可以获取拖拽的内容,这是一个application,可以直接运行
Flex框架提供了一套强大的机制用于实现拖放(drag and drop)功能,这在用户界面设计中极为常见,特别是在构建高度交互性的应用时。本文旨在深入探讨Flex中的拖拽功能,包括其工作原理、关键概念、以及如何在实际...
在Flex中,拖拽编程是一种常见的交互设计方式,允许用户通过鼠标或其他输入设备将元素从一个位置拖动到另一个位置,常用于数据迁移、组件布局调整或游戏设计等场景。下面我们将详细探讨Flex中的拖拽编程。 1. **...
4. **窗口子文件的处理**:“window.rar”可能包含了一个关于如何在Flex窗口中添加和管理子组件的示例。在Flex中,你可以通过MXML或ActionScript将各种组件(如Label、Button、Canvas等)作为子项添加到窗口中。布局...
4. 处理DragRelease事件:在DRAG_RELEASE事件处理器中,更新LineChart的数据源,使其根据拖动的距离变化,实现图表的左右移动效果。 五、计算和更新数据 在DRAG_RELEASE事件中,你需要计算用户拖动的距离,并根据这...
总的来说,"flex中拖拉拽好实例objecthandles"是一个关于Flex拖放机制的实践案例,特别强调了ObjectHandle组件的使用,这对于开发具有高度交互性的Flex应用来说是非常有价值的。通过分析和学习这个实例,开发者能够...
一、Flex中的拖放(Drag-and-Drop)机制 1. 拖放事件模型:在Flex中,实现拖放功能涉及一系列的事件,包括`dragStart`、`drop`、`dragEnter`、`dragLeave`、`dragOver`和`dragDrop`等。这些事件使得开发者可以精确地...
4. Resize(伸缩):在Flex中,实现对象的伸缩通常涉及到改变对象的width、height属性或者设置scaleX、scaleY属性。ObjectHandle组件通过监听鼠标事件,计算鼠标移动的距离,并据此更新目标对象的尺寸。在伸缩过程中...
在Flex3中,组件的拖放功能是一项核心特性,它允许用户轻松地通过鼠标操作将一个对象从一处拖动到另一处,从而实现数据的移动或者功能的交互。 拖放功能在Flex3中的实现主要依赖于两个主要类:`DragManager` 和 `...
在前端开发中,"flex拖拽"是一种常见交互设计,特别是在构建可自定义布局或需要用户手动调整元素位置的应用中。Flex布局(Flexible Box Layout)是CSS3的一种布局模式,它提供了一种更加灵活的方式来控制容器中子...
11. **Flex Drag-n-Drop Library**: 一个拖放库,简化了Flex中的拖放操作实现。 12. **birdeye**: 大型数据可视化项目,包括关系分析、空间信息分析、数值分析等多个模块。 13. **antennae**: 基于Ant的Flex项目...
在IT行业中,Flex是一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。这个实例涉及的是在Flex中的Tree组件实现节点的内部拖放功能,这对于创建交互式用户界面,尤其是数据层级结构的展示...
在IT行业中,Flex是一种流行的开发富互联网应用程序(RIA)的框架,主要由Adobe公司开发。Flex主要用于构建基于Flash Player或Adobe AIR运行时的用户界面,提供了丰富的组件库,包括各种可自定义的控件,如树形控件...
在Flex中,实现拖放(Drag and Drop)功能主要涉及两个核心类:`DragManager`和`DragInitiator`。`DragManager`是系统级别的服务,负责管理整个应用的拖放操作,而`DragInitiator`通常是一个可拖动的UI组件,如...
4. **事件处理**:在Flex中,事件处理是通过addEventListener方法实现的。通过监听用户的交互,比如鼠标点击、拖动等,可以更新拓扑图的状态,如改变节点位置、添加或删除线条。 5. **数据绑定**:Flex支持数据绑定...
在Flex 4.5开发中,拖放(Drag & Drop)功能是一项常用且重要的交互设计技术,它允许用户通过鼠标操作将元素从一个位置移动到另一个位置,这在构建用户界面时大大提升了用户体验。本教程将详细介绍如何在Flex 4.5中...
在前端开发中,Flex布局(Flexible Box)是一种用于创建弹性盒模型的CSS3模块,它极大地简化了网页或应用程序中的复杂布局设计。本教程将详细讲解如何使用Flex来实现窗口的拖拽、最大化、最小化以及关闭功能,这些都...