关于Actionscript 3.0中的鼠标事件

时间:2021-03-21 18:55:12

                                                   关于Actionscript 3.0中的鼠标事件

                                                                                                          --------Actionscript 3.0 CookBook (I)

 

  这本书是一本经典的书籍,说实话一些小的AS3的项目是做了好几个,基本的语法也都知道(其实有面向对象编程语言的基础后再入门一门新的语言还是很快的)。现在找到了这边经典书籍完整版,就好好看看,顺便写一些总结。

 

  关于Actionscript 3.0的事件机制,以后分模块一个一个介绍,最后形成一个完整的文档。看了第一章,就说说鼠标事件,顺便说下我遇到的一个问题。Actionscript 3.0鼠标事件无非就是监听和捕获鼠标事件,比如Click,DoubleClick等,AS3中鼠标事件包是在flash.events.MouseEvent中。

 

  在这里贴一个简单ActionScript 3.0实现写字板程序代码,结合代码来理解鼠标的监听,捕获处理过程。

  1. package 
  2. {
  3.     import flash.display.Sprite;
  4.     import flash.events.Event;
  5.     import flash.events.MouseEvent;  //import MouseEvent 包
  6.     
  7.     /**
  8.      * @Written by Leezhm, 6th Jun, 2009
  9.      * @Contact : Leezhm@126.com
  10.      * @author  : Leezhm
  11.      * 
  12.      **Last Modified by Leezhm on 6th Jun, 2009
  13.      * 
  14.      */
  15.     [SWF(height = "450", width = "600", backgroundColor = "0xFFFFFF", frameRate = "31")] //设置应用程序属性
  16.      
  17.     public class Main extends Sprite 
  18.     {
  19.         public function Main():void 
  20.         {
  21.             if (stage) 
  22.             {
  23.                 Init();
  24.             }
  25.             else
  26.             {
  27.                 addEventListener(Event.ADDED_TO_STAGE, Init);
  28.             }
  29.         }
  30.         
  31.         private function Init(e:Event = null):void 
  32.         {
  33.             removeEventListener(Event.ADDED_TO_STAGE, Init);
  34.             // entry point
  35.             
  36.             addEventListener(Event.ENTER_FRAME, OnEnterFrameHandler); //监听ENTER_FRAME事件,一个重要的事件
  37.         }
  38.         
  39.         private function OnEnterFrameHandler(e:Event):void   //ENTER_FRAME事件的处理函数
  40.         {
  41.             this.DrawGraphic();
  42.         }
  43.         
  44.         private function DrawGraphic():void
  45.         {
  46.             this.stage.addEventListener(MouseEvent.MOUSE_DOWN, OnMouseDownHandler); //监听鼠标Down事件
  47.         }
  48.         
  49.         private function OnMouseDownHandler(e:MouseEvent):void //处理鼠标Down事件
  50.         {
  51.             this.graphics.lineStyle(2, 0, 1);
  52.             this.graphics.moveTo(this.mouseX, this.mouseY);
  53.             this.stage.addEventListener(MouseEvent.MOUSE_MOVE, OnMouseMoveHandler); //监听鼠标MOVE事件
  54.         }
  55.         
  56.         private function OnMouseMoveHandler(e:MouseEvent):void       //鼠标MOVE事件处理函数
  57.         {
  58.             this.graphics.lineTo(this.mouseX, this.mouseY);
  59.             this.stage.addEventListener(MouseEvent.MOUSE_UP, OnMouseUpHandler); //监听鼠标UP事件
  60.         }
  61.         
  62.         private function OnMouseUpHandler(e:MouseEvent):void  //处理鼠标UP事件
  63.         {  // 移除对鼠标DOWN、MOVE和UP事件的监听
  64.             this.stage.removeEventListener(MouseEvent.MOUSE_DOWN, OnMouseDownHandler);
  65.             this.stage.removeEventListener(MouseEvent.MOUSE_MOVE, OnMouseMoveHandler);
  66.             this.stage.removeEventListener(MouseEvent.MOUSE_UP,   OnMouseUpHandler);
  67.         }
  68.     }
  69. }

  其实看上面的代码就很简单地理解Actionscript 3.0中鼠标事件的处理过程,顺便传一张效果图片。

                                   关于Actionscript 3.0中的鼠标事件     

  好了说一个我曾经犯的错误,代码如下:

  1. package 
  2. {
  3.         import flash.display.Sprite;
  4.         import flash.events.MouseEvent;
  5.         
  6.         public class A extends Sprite 
  7.         {
  8.                public function A() 
  9.                {
  10.                         graphics.beginFill(0xFF0000);
  11.                         graphics.drawCircle(100,100,40);
  12.                         graphics.endFill();
  13.                         addEventListener(MouseEvent.CLICK, testclick);
  14.                 }
  15.                 private function testclick(event:MouseEvent):void {
  16.                         trace("Hello World!!!");
  17.                 }
  18.         }
  19. }

  实际上上面的这段代码并不响应鼠标的CLICK事件,为什么,开始我也花了很长时间来查找原因。其实这涉及到Actionscript 3.0的事件实现机制,在这里简单解释下:

  原因很简单,因为上面那样的一个文档类是空的,根本就没有任何显示对象,所以就不会响应鼠标事件了(那个DrawCircle 不能算显示对象,它只能算是一个背景而已,并不在Actionscript的显示列表中 ,所以Actionscript事件机制中就不可能向它分发事件消息)。但下面对以上代码做一下修改就可以。

  1. package {
  2.         import flash.display.Sprite;
  3.         import flash.events.MouseEvent;
  4.         public class A extends Sprite {
  5.                 public function A() {
  6.                         var _sp:Sprite=new Sprite()
  7.                         _sp.graphics.beginFill(0xFF0000);
  8.                         _sp.graphics.drawCircle(100,100,40);
  9.                         _sp.graphics.endFill();
  10.                         addChild(sp)
  11.                         _sp.addEventListener(MouseEvent.CLICK, testclick);
  12.                 }
  13.                 private function testclick(event:MouseEvent):void {
  14.                         trace("Hello World!!!");
  15.                 }
  16.         }
  17. }

 

 

   对比俩代码就可以发现,后面的加了一个显示对象,并在显示对象上监听鼠标事件。 当然也可以想第一段代码中那样在Stage上监听。

 

   注意,直接this.addEventListener这样来监听的是root,并不是Stage这样的DisplayObject对象,同样是不可以的。