您的位置:首页 > 其它

AS3 巧用事件api简化鼠标拖动流程

2017-12-16 13:51 302 查看
拖动,按照一般人的定义,拖动就是鼠标按下的时候移动鼠标,这里面有三个过程,分别是按下、移动鼠标和弹起。以stage为例,大家的实现步骤通常如下:
(PS:此处不讨论startDrag和stopDrag的使用,因为这个方法过于局限,诸如切水果一类的,startDrag能做的到么)
第一步,监听鼠标按下事件,并开始监听移动,同时为了让弹起时不再拖动,我们还要监听弹起事件:


stage.addEventListener(MouseEvent.MOUSE_DOWN, stageMouseDownHandler

function stageMouseDownHandler(event:MouseEvent):void{

stage.addEventListener(MouseEvent.MOUSE_MOVE, stageMouseMoveHandler);

stage.addEventListener(MouseEvent.MOUSE_UP, stageMouseUpHandler);

}

第二步,在stageMouseMoveHandler里执行拖动的操作

function stageMouseMoveHandler(event:MouseEvent):void{
//在这里运行拖动相关的代码
}

第三步,stageMouseUpHandler里移除按下时的监听:

function stageMouseUpHandler(event:MouseEvent):void{
stage.removeEventListener(MouseEvent.MOUSE_MOVE, stageMouseMoveHandler);
stage.removeEventListener(MouseEvent.MOUSE_UP, stageMouseUpHandler);
}

这样的代码看起来可不是一般的繁琐,如果项目的代码量大了(小项目的代码量有时也不少),这么写容易让程序结构变乱,可读性严重下降。对于大项目来说,我们还可以封装一下,但对于中小项目来说,封装可能都嫌麻烦。

其实,借助鼠标事件的一个api,以上三步完全可以简化为一步:
stage.addEventListener(MouseEvent.MOUSE_MOVE, stageMouseMoveHandler);
function stageMouseMoveHandler(event:MouseEvent):void{
if(event.buttonDown){
//在这里运行拖动相关的代码
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: