Flash AS 教程:交互动画

交互动画
最后介绍一下交互动画，这也许是大家读这本书的主要原因。如果不使用交互运动，那么只使用补间动画不就行了。在前面一章简单地提到过，用户交互动画基于用户事件，总的来说可以归结为鼠标事件和键盘事件，下面就来学习不同的用户事件及其处理函数。
鼠标事件
AS 3 中鼠标事件发生了显著的变化。在 AS 2 中，影片剪辑会自动添加鼠标侦听器。现在，要手动地为对象添加侦听器。在 AS 3 中鼠标指针经过显示对象时才能触发鼠标事件。在 AS 2 中，无论鼠标指针在哪里，只要执行 mouseDown 或 mouseMove 就会触发所有的影片剪辑。而现在， mouseUp 和 mouseDown 事件与 AS 2 中的 onPress 和 onRelase 等同。鼠标事件的名称是定义好的字符串，像我们之前所提到的，最好使用 MouseEvent 类的属性，以避免输入错误，下面是 MouseEvent 类中所有可用的鼠标事件属性：
CLICK
DOUBLE_CLICK
MOUSE_DOWN
MOUSE_MOVE
MOUSE_OUT
MOUSE_OVER
MOUSE_UP
MOUSE_WHEEL
ROLL_OUT
ROLL_OVER
创建下面这个类，来测试一下，这个类会输出发生在 Sprite 影片上的鼠标事件名称。
package {
import flash.display.Sprite;
import flash.events.MouseEvent;
public class MouseEvents extends Sprite {
public function MouseEvents() {
init();
}
private function init():void {
var sprite:Sprite = new Sprite();
addChild(sprite);
sprite.graphics.beginFill(0xff0000);
sprite.graphics.drawCircle(0, 0, 50);
sprite.graphics.endFill();
sprite.x = stage.stageWidth / 2;
sprite.y = stage.stageHeight / 2;
sprite.addEventListener(MouseEvent.CLICK, onMouseEvent);
sprite.addEventListener(MouseEvent.DOUBLE_CLICK,onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_DOWN,onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_MOVE,onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_OUT,onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_OVER,onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_UP,onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_WHEEL,onMouseEvent);
sprite.addEventListener(MouseEvent.ROLL_OUT,onMouseEvent);
sprite.addEventListener(MouseEvent.ROLL_OVER,onMouseEvent);
}
public function onMouseEvent(event:MouseEvent):void {
trace(event.type);
}
}
}
请注意，每个事件类型都使用了同一个处理函数，输出所触发的事件类型的名称。
鼠标位置
除了鼠标事件外，对于文档类还有两个非常重要属性用于表示鼠标当前的位置：mouseX 和 mouseY。请注意，影片剪辑的位置，返回的值是鼠标的位置与影片剪辑的注册点的相对位置。例如，有一个名为 sprite 的 Sprite 影片，在舞台的 100,100 位置，而鼠标的位置在 150,250，你会得到如下结果：