讨厌的DragManager
在一个容器上覆盖了层,透明png,然后容器里面就接受不到drag的任何事件了。翻看flex框架代码发现是在DragProxy里面做的判断,还是没有对drag忽略的代码。
没辙了,只好用MouseMove来做了:
<?xml version="1.0"?>
<!-- Simple example to demonstrate the ComboBox control. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:local="*"
applicationComplete="applicationCompleteHandler()">
<mx:Canvas id="ppp" width="440" height="267" backgroundColor="#FFFFFF"
blendMode="{BlendMode.LAYER}">
<mx:Image source="Creek.jpg"
maintainAspectRatio="false"
mouseEnabled="false" mouseChildren="false" width="100%" height="100%"/>
<mx:Canvas id="c" width="80%" height="80%"
horizontalCenter="0" verticalCenter="0" borderStyle="solid" borderThickness="20"
borderColor="#33003E" backgroundColor="#E8E8E8"/>
<local:DragIgnoreImage
mouseEnabled="false" mouseChildren="false" width="100%" height="100%"/>
</mx:Canvas>
<mx:Image id="p" width="100" height="100" source="Desert Landscape.jpg" mouseDown="imageMouseDownHandler(event)"/>
<mx:List dragEnabled="true">
<mx:dataProvider>
<mx:String>AK</mx:String>
<mx:String>AL</mx:String>
<mx:String>AR</mx:String>
</mx:dataProvider>
</mx:List>
<mx:Script>
<![CDATA[
import mx.core.IFlexDisplayObject;
import mx.core.DragSource;
import mx.core.UIComponent;
import mx.events.DragEvent;
import mx.managers.DragManager;
private function applicationCompleteHandler():void {
stage.addEventListener(MouseEvent.MOUSE_DOWN,stageMousedownhandler);
}
private function stageMousedownhandler(e:MouseEvent):void {
stage.addEventListener(MouseEvent.MOUSE_MOVE,stageMouseMovehandler);
stage.addEventListener(MouseEvent.MOUSE_UP,stageMouseUpHandler);
}
private function stageMouseMovehandler(e:MouseEvent):void {
var p:Point = new Point(e.stageX,e.stageY);
p = c.globalToLocal(p);
if(DragManager.isDragging) {
if(c.getBounds(c).containsPoint(p)) {
c.setStyle("backgroundColor",0xFFFFF000);
}
else {
c.setStyle("backgroundColor",0xFF00F000);
}
}
}
private function stageMouseUpHandler(e:MouseEvent):void {
stage.removeEventListener(MouseEvent.MOUSE_MOVE,stageMouseMovehandler);
stage.removeEventListener(MouseEvent.MOUSE_UP,stageMouseUpHandler);
}
private function imageMouseDownHandler(e:MouseEvent):void {
var dragInitiator:Image=p;
var ds:DragSource = new DragSource();
ds.addData(dragInitiator, "img");
var d:Image = new Image();
d.width = d.height = 100;
d.source = p.source;
DragManager.doDrag(dragInitiator, ds, e,d);
}
]]>
</mx:Script>
</mx:Application>
分享到:
相关推荐
实现类似游戏武侠风云中背包物品的拖动,基于as的库进行编写,没有使用DragManager,DragManager的特效太多,没有研究怎样去除。 本例中做到了两个面板中各自物品的拖动及互相拖动,比较实用。 以前总是基于...
本文实例讲述了jQuery实现可拖拽的许愿墙效果。分享给大家供大家参考,具体如下: 运行效果图如下: 这里简单介绍下功能点: ① 随机显示背景图或背景色 ② 出现的位置随机 ③ 可以通过拖拽改变位置 ...
js拖拽 采用简单的闭包实现方式 代码如下: ... */ var dragmanager=(function() { //标识移动元素z轴坐标 var index_z=1; //当前的拖拽元素 var drganow; //移动标识符号 var dragbegin=false; //鼠标点击时距离div左边
个人制作的专门用于flash cs开发工具下的拖拽管理器套件。相信不少朋友在使用flash的时候一定苦恼于无法象flex下那样很好的处理各种多样化的拖拽事件吧?现在好了,经过个人的努力,现在把源码贡献给大家。...
10.1.节使用DragManager 类 10.2 节指定一个拖拽代理 10.3 节在List 内部进行拖拽操作 10.4 节在List 之间进行拖拽操作 10.5 节. 启动和禁止拖操作 10.6 节自定义列表类控件的拖动图像 10.7 节. 自定义列表类控件的...