《Flash及其应用》实例与练习(编程篇).docVIP

《Flash及其应用》实例与练习（编程篇） 实例1：本实例通过在按钮元件上添加动作代码，实现控制图片播放的效果。 制作关键： 1）图片的导入，按钮的制作。 2）给按钮添加动作代码。 3）动作代码nextFrame()和prevFrame()的应用。 语句说明： nextFrame() 该动作代码的作用是将影片的播放头转到下一帧并停止。 prev Frame() 该动作代码的作用是将影片的播放头转到上一帧并停止。如果播放头所在的位置为第1帧，则播放头不会向上一帧移动。 制作步骤： 1）新建一个Flash文档，尺寸为550px×400 px。 2）将时间轴左边的图层名重新命名为“图片”。选定该图层的第1帧，执行【文件】\【导入】\【导入到舞台】命令导入一幅图片。设置图片宽为：550、高为：400，位置：x=0、y=0，使其正好覆盖绘图区，如图1所示。 （图1） 3）在“图片”图层的第2帧、第3帧、第4帧分别插入空白关键帧。然后参照上面的方法分别导入另外三幅图片，并调整好它们的大小和位置，如图2、图3、图4所示。 （图2） （图3） （图4） 4）选定“图片”图层的第1帧，打开动作面板，如图5所示。给第1帧添加如下动作代码： stop(); //停止播放 （图5） 5）在“图片”图层上方，创建一个名为“按钮”的图层。在该图层绘制一个（白色的三角形）“上一幅”按钮图形，并把它转换为按钮元件。用同样方法制作一个“下一幅”按钮元件，把它们放在舞台的右下角，如图6所示。 （图6） 6）选择“上一幅”按钮，打开动作面板，添加如下动作代码： on (press) { prevFrame(); } 7）选择“下一幅”按钮，打开动作面板，添加如下动作代码： on (press) { nextFrame(); } 8）保存文档，测试影片。 实例2：本实例通过在按钮元件上添加动作代码，实现控制动画播放的效果。 制作关键： 1）按钮的制作。 2）给按钮添加动作代码。 3）动作代码play()应用。 4）gotoAndStop()的应用。 制作步骤： 1）新建一个Flash文档，尺寸为550px×400 px。 2）将时间轴左边的图层名重新命名为“动画”。选定该图层的第1帧，执行【文件】\【导入】\【导入到舞台】命令导入一幅图片。设置图片宽为：37、高为：47，位置：x=256、y=10。并将它打散为形状，如图1所示。 （图1） 3）在“动画”图层的第40帧插入关键帧。选定第40帧，将该帧的形状移动到舞台下方，并将该形状放大。形状宽为：103、高为：117，位置：x=223、y=245。创建一个形状补间动画，其效果为：从舞台上方移动到舞台下方，并逐渐由小变大，如图2所示。 （图2） 4）分别选定“动画”图层的第1帧和第40帧，打开动作面板，添加如下动作代码： stop(); //停止播放 5）在“动画”图层上方，创建一个名为“按钮”的图层。在该图层绘制一个（绿色三角形）“播放”按钮图形，并把它转换为按钮元件。用同样方法制作一个（绿色长方形）“暂停”按钮元件，再制作一个（绿色正方形）“停止”按钮元件。把它们放在舞台的右下角，如图3所示。 （图3） 6）选择“播放”按钮，打开动作面板，添加如下动作代码： on (press) { play(); } 7）选择“暂停”按钮，打开动作面板，添加如下动作代码： on (press) { stop(); } 8）选择“停止”按钮，打开动作面板，添加如下动作代码： on (press) { gotoAndStop(1); } 9）保存文档，测试影片。 实例3：用户登录界面，本实例是对if…else…语句的应用。 制作关键： 1）输入文本的制作。 2）if…else…语句的使用。 制作步骤： 1）新建一个Flash文档，尺寸为400px×300 px，背景色为绿色。 2）将时间轴左边的图层1重新命名为“背景”。选定该图层的第1帧，用文本工具输入“用户名：”和“密 码：”几个字。 3）使用文本工具，在“用户名：”和“密 码：”后面拖曳出上下两个文本框，选中上面一个文本框。打开属性面板，设置文本属性，如图1所示。 ①将文本类型设置为“输入文本”。 ②启用【显示边框】功能。 ③将【变量】设为“name”。 （图1） 4）选中下面一个文本框。打开属性面板，设置文本属性，如图2所示。 ①将文本类型设置为“输入文本”。 ②将文本的段落属性设置为“密码”。 ③启用【显示边框】功能。 ④将【变量】设为“mm”。 （图2） 5）新建一个“按钮”图层，制作一个“登录”按钮，如图3所示。 （图3） 6）选择“背景”图层，在第二帧插入关键帧，并选择第二帧制作登录成功的界面，如图4所示。 （图4） 7）选择“背景”图层，在第三帧插入关键帧，并选择