2016FALSH8.0动画制作教案：按钮的制作 .docVIP

FALSH8.0动画制作教案 第九周　按钮的制作 教学时间：2007年11月2日　 　教学课时：3节　教案序号：19－21 教学进度：正常 教学目标： 1、掌握按钮制作的基本方法。 2、掌握按钮中的动画设计方法。 3、掌握透明按钮的制作 教学重点： 按钮元件的创建，按钮动画的设计。 教学难点： 按钮中的四种状态。 教学过程： 一、按钮元件（可详见课本P111） 按钮用于响应鼠标，即随鼠标显示不同的状态，执行指定的行为。 1、插入按钮元件，执行“插入”－“新建元件”命令（或者按ctrl+F8键），在创建新元件对话框中设置元件类型为按钮，即可见如下界面 2、编辑按钮元件：按钮元件有弹起、指针经过、按下和点击四种状态，如图所示： V 弹起：表示鼠标没有在按钮上时的按钮的状态。 V 指针经过：表示鼠标经过按钮时按钮的状态。 V 按下：表示按下鼠标时按钮的状态。 V 点击：设置按钮响应鼠标的区域。 如果要制作透明按钮，仅在“点击”画出点范围即可。 二、上机操作：制作以下实例 1、基本按钮 分析： 1、弹起：二个图片元件分别放置在文字和边框图层中 2、经过：与弹起时的一个图片元件相同，在此基础上用“按我”的图片元件创建一个影片剪辑元件。 3、按下：用“谢谢”图片元件替换“按我”图片元件 4、点击：延续边框图层的第一帧，代表鼠标进入边框区域后，按钮才会有响应。 弹起帧 　 指针经过帧 按下帧 　 点击帧 2、 练习：制作一个带有以下动画效果的按钮（自选一个完成） 提示：将按钮下面的文字放在新的图层上。 三、按钮的点击作用 1、一般按钮点击后均会产生一个动作，如：停止、播放、重放、跳转、超链接，如：（源文件下载） 2、按钮的几个常用动作： on动作命令 下面我们就详细地向大家介绍一下这八种事件的使用。 　　(1)press 在鼠标指针经过按钮时按下鼠标按钮。单击press，然后选择动作语句，双击【全局函数】|【时间轴控制】中的play 命令。 　　完整的action是： on(press){ //设定鼠标事件为按下，然后执行大括号里面的语句。 play(); //按钮响应后执行play（播放）动作 } press动作 当然，在大括号里面还可以用其他的语句，比如说，gotoAndPlay(yourframe); //点击按钮后，就会从你设置的帧播放。 　　(2) release 在鼠标指针经过按钮时释放鼠标按钮。单击选择release然后与第一个事件相同加入play命令。完成的语句如下： on(release){ //当鼠标按下释放的时候，执行下面的语句动作。 play(); //按钮响应后执行play（播放）动作。 } release动作 可以看到，当鼠标左键按下按钮的时候，并没有激发播放动作，而是当鼠标左键放开的时候，执行了播放动作。这也是与“press”事件不同的地方。 　　(3)releaseOutside 当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到按钮之外，此时释放鼠标按钮。 添加语句的方法同上。完整的语句如下： on (releaseOutside) { //当鼠标在按钮外部释放的时候执行下面的语句。 play(); //按钮响应后执行播放动作。 } releaseOutside动作 　　通过这个例子我们知道，当鼠标左键在按钮上按住并移动到按钮以外的地方放开后，触发了按钮的动作。这是一个具有非常想象力的事件，大家可以利用on的这个事件来制作游戏。 　(4)　rollOver 鼠标指针滑过按钮。制作方法同上，完整的as语句为： on(rollover){ //当鼠标滑动到按钮上时执行下面的动作。 play(); //按钮执行播放动作。 } rollOver动作 当鼠标指针从按钮上滑过的时候，动画就开始执行播放动作了，而不需要点击它。我们可以利用on的这个特点来制作一些图示板，非常简单有效 (5)rollOut 鼠标指针滑出按钮区域。制作方法同上，完整的as语句为： on(rollOut){ //当鼠标滑动到按钮上并离开时执行下面动作。 Play(): //按钮响应播放动作。 } rollOut动作 　　滑离与滑过并不是相同的，滑离是指鼠标滑动到按钮上并离开以后开始响应，而滑过是指只要鼠标滑到按钮上，就开始执行动作。 (6)dragOut 在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮区域。完整的as是： on(Drag Out){ //当鼠标拖过的时候执行下面的动作。 play(); //执行播放动作。 } dragOut动作 　　拖离与拖过有所不