软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 设计在线 > 媒体动画 > Flash AS 入门-为“按钮”添加鼠标事件

Flash AS 入门-为“按钮”添加鼠标事件

  本节应掌握的知识要点:

  ①为按钮添加鼠标事件;②为影片剪辑定义实例名;③大括号“{}”和点语法“.”;④“绝对路径”概念;⑤对象的后缀;⑥【语法提示】工具 、【插入目标路径】工具和【自动套用格式】工具 的应用。

  上一节我们学习了为关键帧添加动作,以实现让动画按要求停止播放的效果,这一节将学习为按钮添加鼠标事件来控制动画的播放状态和控制影片剪辑的播放,实现简单的交互。

  要学习的语句是on()事件处理函数;指定触发动作的鼠标事件。

  语法格式:

  on (mouseEvent) {

  }

  “()”小括号中的mouseEvent参数是鼠标事件,常用的有以下几种鼠标事件:

  Press  当鼠标指针经过按钮时按下鼠标。

  release 当鼠标指针经过按钮时按下再释放鼠标按钮。

  releaseOutside 当鼠标指针在按钮之内时按下按钮后,将鼠标指针移到按钮之外,此时释放鼠标按钮。

  rollOut 鼠标指针滑出按钮区域。

  rollOver 鼠标指针滑过按钮。

  请看示例动画“实例1-2”。

  >>>>>点击查看动画效果<<<<<

  实例1-2 为按钮添加鼠标事件

  画面上方,仍然是那只欢跳的小松鼠在画面上不停的来回奔跑。来回奔跑的动作是在主场景时间线上设置的动作。

  画面下方,显示有我们熟悉的“属性”面板,从这里可以看到,画面上这只跳跃的小松鼠是一个名称为“松鼠”的影片剪辑元件,我们给这只小松鼠定义了一个实例名为“shu_mc”。要用动作控制影片剪辑的播放状态,为对象命名是必须的一个步骤。

  画面中间有3组按钮,当鼠标滑过按钮时,将显示该按钮上添加的动作,请大家先注意看看三组按钮上的语句,再分别点击各个按钮,试试它们有什么不同的作用。

  点击蓝色按钮,可以控制场景的播放与停止,但是不能控制影片剪辑“shu_mc”的播放与停止;

  点击绿色按钮,可以控制影片剪辑“shu_mc”的播放与停止,但是不能控制场景的播放与停止;

  点击红色按钮,可以同时控制影片剪辑“shu_mc”和场景的播放与停止。

  看一下前两组按钮上的语句,以“stop“按钮为例。其差别是,绿色”stop”按钮上的动作前面添加了“_root.shu_mc”:

  on (release) {

  _root.shu_mc.stop();

  }

  为按钮添加动作的方法是,选中场景上要为其添加动作的按钮,这时“动作”面板标题栏上显示的标题是“动作-按钮”,这表明当前要为其添加脚本的对象是按钮。在脚本编辑窗口中添加动作。

  本节涉及的语法及规范:

  这个语句里面的大括号“{}”以及路径“_root”和点语法。是这一讲接触的新知识。

  大括号“{}”:用来放置结合在一起依次执行的语句块,这里是当发生“release”鼠标(点击并释放)事件时执行令当前场景上的影片剪辑“shu_mc”停止播放的动作。在红色按钮中,则把停止场景播放的“stop()”语句和停止影片剪辑播放的“_root.shu_mc.stop()”语句结合在一起实现同时控制两者播放状态的作用。

  绝对路径:Flash中目标路径有两种,绝对路径和相对路径,我们今天接触的“_root.shu_mc.stop()”是绝对路径,指定了发生stop动作的绝对地址和对象,这个绝对地址就是当前场景_root,对象就是影片剪辑“shu_mc”,即让当前场景“_root”上的实例名为“shu_mc”的影片剪辑对象“stop”停止播放。

相关阅读
网友评论