按钮元件教案

《按钮元件》教案

2012-03-19 20:12:00| 分类：信息技术教学| 标签：|举报|字号大中小订阅

教学目标：

知识与技能：1、知道按钮元件的功能并了解按钮元件的制作原理

2、会制作按钮元件并能够正确的定义按钮元件的四个基本状态

3、能够给按钮添加简单的动作

方法与过程：演示、任务驱动

情感态度价值观：1、激发学生对Flash的学习兴趣，使学生保持主动学习和动手实践的热情

2、培养学生在学习中克服困难的意志品质及小组协作精神，通过完成作品，体验成功的快乐

教学重点：1、编辑按钮元件

2、为按钮元件添加制定的动作

教学难点：在按钮元件中编辑添加动画，并设置正确的动作

教学方法：提问，演示，任务驱动

计划课时：1课时

教学过程：

一、导入：

动画展示：用按钮来控制一段动画的播放。

师：在前面我们所做的动画的基础上，我们可以考虑加上一个按钮，简单的来控制一下它的播放，按钮元件是Flash的基本元件之一，它具有多种状态，并且会响应鼠标事件，执行指定的动作，是实现动画交互效果的关键对象,今天我们就来讲讲有关按钮元件的制作。

二、新授

1、师：首先请同学们阅读书P100——101“信息快递”的内容，回答如下问题：

（1）按钮有哪三种状态？

生：初始状态、鼠标经过状态和按下时的状态

（2）按钮的四个关键帧各有什么作用？

生：当为元件选择按钮行为时，Flash会创建一个四帧的时间轴,对应按钮的四种状态

按钮元件的时间轴上的每一帧都有一个特定的功能：

第一帧是弹起状态，代表指针没有滑过按钮时该按钮的外观

第二帧是指针经过状态，代表当指针滑过按钮时，该按钮的外观

第三帧是按下状态，代表单击按钮时，该按钮的外观

第四帧是点击状态，定义将响应鼠标单击的区域

师：现在我们打开源文件，观察一下我们实例当中的按钮四种状态是怎样的

2、制作简单按钮【实例演示】

（1）插入菜单下的新建元件命令，在打开的新建对话框中的行为选项选中按钮

（2）在按钮元件编辑区的时间轴上我们可以看到自动分为四个部分分别为：弹起；鼠标经过；按下；点击

（3）在弹起状态，新建一矩形黑色

在指针经过状态插入关键帧，将矩形颜色改为红色

在按下状态插入关键帧，将矩形改为青色

最后在点击状态插入关键帧，因为这一状态只是区域标示，因此在动画播放过程中不会显示这一状态的图形，因此无须更改颜色

想一想：如果我要给我的按钮添加一些文字，比如说播放、暂停，我应该怎么去操作呢？

提示：插入一个新的图层，输入文字，别忘了每个状态文字的颜色是不一样的！

想一想:你会制作文字按钮吗？

（1）新建一个名字为“播放”的按钮元件。

（2）进入按钮元件编辑区的弹起状态，在弹起状态，利用文字工具输入“播放”

（3）在指针经过状态插入关键帧，并将字体颜色设置为红色

（4）在按下状态插入关键帧，将字体颜色设置为蓝色。

（5）在点击状态插入关键帧，并画一个矩形，完全覆盖文字。

3、基本动作控制命令介绍

（1）停止命令格式; stop();

说明动作；停止播放头的移动

（2）播放命令

格式;play();

说明动作；在时间轴中向前移动播放头。

（3）转移命令gotoAndPlay(scene, frame)

参数scene 播放头将转到的场景的名称。frame 播放头将转到的帧的编号或标签。

动作；将播放头转到场景中指定的帧并从该帧开始播放。如果未指定场景，则播放头将转到当前场景中的指定帧。以上三个命令是动作脚本中最常用的基本动作,它们通过对时间轴上播放头的控制实现的特定功能

4、为按钮添加相应的动作【演示】

（1）在按钮元件上单击鼠标右键，选择“动作”

（2）在“动作”面板中，单击“脚本助手”，启用“脚本助手”，如果不使用脚本助手就自己动手输入

（3）在左侧全局函数中选择“时间轴控制”—>“play”

（4）在编辑面板中会出现如下语句：

on (release) {

Play();

}

（意思为单击按钮后播放）

想一想：如果我要再插入一个按钮，让我的影片在单击此按钮之后停止，应该怎样做？

应该选择哪一个语句？

如果再插入一个按钮，当我单击时它就从头开始播放，应该怎样做？应该选择哪一个语句？

三、学生练习

在下发的文件中，添加三个按钮：播放和停止和重新开始

功能分别为：点击播放按钮时影片播放，单击停止按钮时影片停止

单击重新开始按钮时影片从头开始播放

四、小结

按钮的插入让我们的Flash更加新颖，互动性也随之增强，希望同学们继续努力，做出更多更好的Flash 作品！

五、课后反思