Flex拖拽 Canvas容器里拖动Box
2009-02-18
缩略显示
Flex拖拽-Canvas容器里拖动Box
文章分类:Web前端关键字: flex, flex拖拽, canvas, box
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
import mx.core.IUIComponent;
import mx.containers.Box;
import mx.containers.Canvas;
import mx.events.DragEvent;
import mx.managers.DragManager;
import mx.core.DragSource;
import mx.core.UIComponent;
private static const FORMAT:String = "box";
private function boxMouseDownHandler(evt:MouseEvent):void{
var iu:IUIComponent = evt.currentTarget as IUIComponent;
var dragSource:DragSource = new DragSource();
dragSource.addData( iu, FORMAT );
DragManager.doDrag( iu, dragSource, evt );
}
private function canvasDragEnterHandler(evt:DragEvent):void{
if(evt.dragSource.hasFormat(FORMAT)){
DragManager.acceptDragDrop(Canvas(evt.currentTarget));
}
}
private function canvasDragHandler(evt:DragEvent):void{
var box:Box = Box(evt.dragInitiator);
box.x = evt.localX;
box.y = evt.localY;
}
]]>
</mx:Script>
<mx:Canvas backgroundColor="0xEEEEEE" width="500" height="200" horizontalCenter="0" verticalCenter="0" dragEnter="canvasDragEnterHandler(event)" dragDrop="canvasDragHandler(event)">
<mx:Box width="20" height="20" backgroundColor="0x00FFCC" x="137" y="66" mouseDown="boxMouseDownHandler(event);"></mx:Box>
</mx:Canvas>
</mx:WindowedApplication>
当<mx:Box>发出mouseDown事件时，boxMouseDownHandler 方法被调用并且拖拽源数据被增加到DragManager。
canvasDragEnterHandler检查拖拽源的格式
释放时canvasDragHandler方法改变拖拽源的位置
相关文档：
几日前被老总推荐文章一篇，来自7yue兄的blog,作者是Sean Moore ,
原文地址：http://www.insideria.com/2009/04/51-actionscript-30-and-flex-op.html
与其在程序写完了之后臃肿得跑不动，不如平时注意这些关键点，时时提醒自己。翻译出来，以便以后时时查阅。
1 创建新数组时避免使用它的构造函数。
......
//获得屏幕的分辨率
var
x:Number=Capabilities.screenResolutionX;
var
y:Number=Capabilities.screenResolutionY;
Alert.show(
"x="
+x+
"y="
+y);
第二种方法
Alert.show(stage.fullScreenWidth+
"=="
+stage.fullScreenHeight);
//获得stage（工作区� ......
Adobe在开发Flex最有利的工具就是Flex Builder，然而，工欲善其事，必先利其"键"，快速键对一般开发者来说都非常有用，非但如此，很多快速键与组合键是会与其他软体或系统都有雷同之处，举个例子来说，Ctrl + C就是复制，Ctrl + V就是贴上，看看许多作业系统与编辑软体是不是都一样呢？若你有注意到就会不难发现，其实Flex ......
effects\Blinds.as
JScript code
package effects
{
import effects.effectClasses.BlindsInstance;
import mx.controls.scrollClasses.ScrollBarDirection;
import mx.effects.IEffectInstance;
......
关键字: flex, arraycollection
集合是ActionScript 中功能强大的基于索引的数组组件，添加了如对内容进行排序等功能，
操作数组的读取位置，创建经过排序的数组视图。集合也能通知其任意事件监听器监听其数
据是否改变，以及任何数据项被添加到源数组时可执行自定义逻辑。当数据改变时可通知其
监听器，这是集合的新� ......
