注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> Flash >> Action Script >> 网页设计正文

Flash AS 教程:交互动画

文章来源:蓝色理想 alan98 作者:佚名 更新时间:2008-4-24 13:52:04 【 】 【加入收藏

交互动画

最后介绍一下交互动画,这也许是大家读这本书的主要原因。如果不使用交互运动,那么只使用补间动画不就行了。在前面一章简单地提到过,用户交互动画基于用户事件,总的来说可以归结为鼠标事件和键盘事件,下面就来学习不同的用户事件及其处理函数。

鼠标事件

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 影片上的鼠标事件名称。


   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,你会得到如下结果:
mouseX 为 150
mousey 为 250
sprite.mouseX 为 50
sprite.mouseY 为 150
请注意鼠标位置与影片位置的相对关系。

键盘事件

键盘事件已被 AS 3 划分到另一个区域中。例如,在 AS 2 中,影片剪辑会自动侦听键盘事件,但只在某种情况下才接收这些事件。所以,最好增加一个专门用来做侦听器的影片剪辑,有时,影片剪辑接收了多个事件但被看作是一个键盘事件,这样就不对了。在 AS 2 的组成框架中,很大部一部分都是为键盘交互服务的,比如 Flash Player 体系中的:tab(table)管理,焦点(focus)管理及在文本框中对于 Enter 键与 Table 键的处理等。现在好了,键盘事件的名称与鼠标事件的相似,都是定义好的字符串,也可为 KeyboardEvent 类的属性。只有两种:
KEY_DOWN
KEY_UP

我们可以在一个特殊的对象上侦听键盘事件,就像上面那个鼠标侦听的例子一样。为了实现这个功能,我们需要设置对象的焦点,以便能够捕获这些事件,可以这样写:

在很多情况下,侦听键盘事件是否有焦点很有意义,实现它只需直接对舞台进行键盘侦听。下面看一个示例:

键码

通常人们并不关心一个键是否被按下,而是关心按下的是什么键。使用键盘事件处理有几种方法可以读取输入的信息。前面说到,一个事件处理程序可以由一个事件对象来触发,该对象包括触发这个事件的数据。在键盘事件中有两个相关的属性,事件所涉及的键:字符码(charCode)和键码(keyCode)。
字符码指按下的键所表示的真正字符。例如,用户按下”a”键,字符码就是”a”,如果用户同时又按着 shift 键,这样字符码就是”A”。
键码指按键所代表的数值。如果用户按下”a”键,它所对应的键码为 65,无论是否按着其它键。如果先按下Shift键后按下“a”键,那么会获得两个键盘事件,先是Shift(键码 16)后是 a(键码 65)。 Flash.ui.Keyboard 类同样也有一些属性是针对非字母键的,我们不需要把它们背下来。例如: Keyboard.SHIFT 等于16,当 Shift 键按下后,可以测试其是否等于 Keyboard.SHIFT。请本章的最后一段代码:

当我们在 Flash 编辑环境下测试影片时,IDE会拦截用于控制 IDE 自身的键。Tab 键和所有功能键以及作为快捷菜单项的键,在测试影片时不会接收到。不过,我们可以在菜单中选择“控制” -> “禁用快捷键”,来解除限制。这样一来,测试的影片就像在浏览器中工作一样了。

  • 上一篇网页设计:

  • 下一篇网页设计: 没有了
  • 最 新 热 门
     Flash AS 教程:交互动画
     Flash AS 教程:子类化显示对象
     Flash AS 教程:动画事件
     Flash AS 教程:帧循环
     Flash AS 教程:创建文档类(Document class)
     Flash AS 教程:构造函数(Constructor)
     Flash AS 教程:类和面向对象编程
     Flash游戏开发教程:第一节
     Flex程序开发心得小结
     关于XML在FLASH中的应用
    最 新 推 荐
     Flash AS 教程:交互动画
     Flash AS 教程:子类化显示对象
     Flash AS 教程:动画事件
     Flash AS 教程:帧循环
     Flash AS 教程:创建文档类(Document class)
     Flash AS 教程:构造函数(Constructor)
     Flash AS 教程:类和面向对象编程
     Flash游戏开发教程:第一节
     Flex程序开发心得小结
     关于XML在FLASH中的应用
    相 关 文 章

    Flash AS 教程:子类化显示对象
    Flash AS 教程:动画事件
    Flash AS 教程:帧循环
    Flash AS 教程:创建文档类(Document class)
    Flash AS 教程:构造函数(Constructor)
    Flash AS 教程:类和面向对象编程
    Flash游戏开发教程:第一节
    Flex程序开发心得小结
    关于XML在FLASH中的应用
    FLASH中的元件能在Flex中完美使用

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用