中学化学Flash课件制作教案(二)_教案

中学化学Flash课件制作教案(二)由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“教案”。

中学化学Flash课件制作教案

第二章 按钮绘制及按钮动作

一.学习要求

Flash不仅是优秀的动画软件,而且也是优秀的绘图软件.它的 绘图工具不多(直线、矩形、圆)，但配合它的变形、填色工具可以使绘图工作变得快捷简单。本章主要学习按钮绘制，音乐控制交互按钮动作，时间轴控制按钮交互动作。通过本章的练习学会绘图工具的使用，按钮的使用，混色器的使用。文字工具的使用，变形工具的使用。请把第一章操作“×××动画入门.fla”文件打开。本章所有操作是在该文件的基础上进行的。

二.按钮绘制

任何图形都可以转变为按钮元件。按钮是Flash三大元件之一(图形、按钮和影片)，它是 实现交互作用必不可少的。在课件创建中可以根据需要绘制各形状的按钮，Flash编辑软件本身也带有丰富的公用库按钮选用，可在窗口面板中打开选择。请将上述打开的文件另存为“×××按钮制作”，下面介绍三种图形的按钮制作样例供参考。

1.创建按钮元件

有2种方式可以创建按钮：

(1)从插入菜单中选择“新键元件…”命令创建，在弹出的对话框中选择元件类型为“按钮”，并指定按钮名称。然后进入按钮编辑时间轴，如图2_1所示。

按钮元件的时间轴共有4个帧，分别对应于鼠标的不同操作：弹起帧(rollOut)，显示按钮的形状；经过帧(rollOver)，鼠标放在按钮上方的形态；按下帧(pre),按下鼠标的形状，点击帧,释放鼠标后的形状。一般第4帧时间很短，无需编辑。按钮形状的大小，就是按钮响应的区域。

(2)绘制图形转移为按钮创建。绘制一个图形，然后选定，从修改菜单中选择“转换为元件…”命令。后面的操作与新建元件相同。这种方式创建的按钮自动把第一帧的图形中心作为按钮的中心(编辑时的”十”字位置)。

图2_1 新键按钮元件

操作： 在上述打开另存的文件中的“图形”层上方添加一个按钮层。然后锁定和隐藏其它层（如图2_2所示），编辑按钮层：

(1)绘制圆形按钮

用圆形工具绘制一个圆，不要边框色，从窗口菜单选择混色器工具编辑填充色，如图2_3所示。在第2和第3帧中插入关键帧，并用混色器编辑图形为不同的颜色。（图2_4）

回到场景1,按“ctrl+enter”键测试按钮的反应。

图2_2 图形的锁定和隐藏

图2_3 混色器的使用

图2_4 按钮绘制过程

(2)绘制矩形按钮

按上述方法新键绘制一个矩形按钮,各关键帧的图形如图5所示.此按钮利用线条颜色给人一种立体感

(3)绘制矩形透明按钮

图2_5 矩形按钮各关键帧先绘制一个矩形，不要边框，颜色淡灰色，然后转变为按钮元件，在第二关键帧插入关键帧，删除第一关键帧图形，选定第二关键键图形，在混色器中将其透明度调节至0%。回到场景。透明按钮在场景中显示为淡蓝色，表示按钮响应区域，但在显示中是看不到任何颜色的，因为第一帧是空白帧，后面的帧的透明图形，是看不到的，所以说按钮是透明的。它可以放在任何图形可文字的上方或下方作为按钮响应区域，但不会影响图形的显示，表观上起到代替图形或文字按钮的作用。

三.按钮动作

按钮动作就是通过按钮响应，完成分配在按钮上的动作命令。下面通过实例来理会。1.请在动作图形层的第10，20，30层处插入空白关键帧，并分别在各关键帧中分配“stop()”命令。

2.音乐控制交互按钮动作

在时间轴上播放的音乐，不容易进行播放的灵活控制，因此实际上应用不多，最好的方式就是通过创建声音对象播放，创建声音对象的命令是“music=new Sound();”，对象名称”music”可以是任意字符。可以在时间轴上，也可以在按钮上创建。

(1)..交互内容设置

将按钮层制作的按钮全部删除(需要时再从库中取出)，然后用文字工具写出按钮交互的内容：音乐播放

音乐停止

增大音量

降低音量

播放选择（音乐1，音乐2，音乐3）等

(2)音乐链接设置

在库中右击选择音乐文件,在弹出的操作菜单中选择”链接…”,将弹出一个”链接属性”对话框,请在”链接”选项中选择第一项”为ActionScript导出(X)”，再在标识符中输入链接符号，如“01.mp3”,按确定键完成设置。如图2_6所示。

要进行播放选择，必须有多首音乐，因此请再导入两个mp3音乐文件到库中，按上述(2)的方法设置播放链接符号分别为02.mp3,03.mp3。

(3)音乐停止按钮动作

先在第一帧动作面板中添加下列帧动作(双斜杠后面的文字为注释内容，为理解程序而写，与程序执行无关)：

stop();//停止时间轴播放

music=new Sound();//创建声音对象“music” music.attachSound(“01_mp3”);//声音对象与声音文件链接 var va:Number=100;//定义变量“va”为数值型,并赋值100,也可用“ va = 100表示” po=0 //作用同上

从库中将一个透明按钮放在“音乐停止”的文字上，分配动作： on(release){

图2_6 音乐链接设置

music.stop()//停止音乐对象的播放属性 } 在按钮上所有执行的命令都必须放在on命令块(左右大括号中的内容)中，命令结束用分号表示(一行只有一条命令可以省略分号)，所有命令都可以在命令面板中找到。

注意：动作面板上命令的输入有两种方式，一种是通过“脚本助手”

输入，这种方式，所有命令必须通过动作面板左边的命令集中选择拖入在命令编辑区，不能用键盘输入。这种编写不会产生格式错误。另一种就是专家模式，该模式可以通过键盘输入(容易产生错误)，也可以从左边的命令集中输入(不会产生语法错误)初学者建议用脚本助手方式输入命令。

(4)音乐播放按钮动作

将上述停止播放按钮按”ctrl+d”键，在原地复制一个，放在“音乐播放”文字上，将块中的内容修改为：

music.start(po)//播放音乐对象链接的音乐,小括号中可以指定音乐播放的时间轴,这里用变量“po”控制

按“ctrl+enter”键测试影片，用鼠标进行音乐播放与停止按钮交互。

有了按钮播放交互，音乐层的时间轴音乐可以删除了。该图层也可以删除了。为了在编辑中保证按钮图标不被其它图形所遮挡，通常可以将按钮图层移向较高的图层上。

(5)增大音量按钮动作

将上述音乐播放或停止按钮复制，放在“增大音量”文字上，将块中的内容修改为：

va=va+10 //设置变量递加10 music.setVolume(va);//设置音量的值为va的值

(6)降低音量按钮动作

将上述音乐增大音量按钮复制，放在“降低音量”文字上，将块中的内容修改为：

va=va-10 //设置变量递减10 music.setVolume(va);//设置音量的值为va的值

(7)音乐选择按钮动作

将上述任一按钮动作复制一个入在音乐1上，删除原来块中的命令，添加下列命令：

music.stop()//先停止播放

music.attachSound(“01_mp3”)//链接音乐文件 music.start()//播放音乐

然后复制该按钮，放在“音乐2”文字上，在按钮动作中把链接文件的名改为”02_mp3”。

在“音乐3”的文字上进行同样的操作。

选择按钮层，从库中将一 个透明按钮放入在按钮层的“音乐播放”文字上，在动作面板上分配命令：

按“ctrl+enter”键测试影片，用鼠标进行各按钮的交互操作。3.时间轴控制交互按钮动作

(1)时间轴交互内容

在时间轴层用文字写出要显示的各关键帧内容，为了显示不受背景颜色影响，可以用图框将文字框起来，如图2_7所示。

(2)时间轴转向命令

时间轴转向命令可以在时间轴左田赛的全局函数_时间轴控制中找到，以后将经常用到它们。

(3)按钮动作分配 从库中将圆形按钮拖入到图片1文字旁边，在动作面板中加入动作： on(release){ } 复制该按钮到其它交互文字旁连边，分别在on命令快中修改“gotoAndStop(1)”中的帧数1 改为10，20，30。

测试影片。将文件保存，并拷贝在你的U盘中，下节课要用。gotoAndStop(1)//转向第一帧显示，并停止时间轴播放。

图2_7 音乐链接设置