《中文Flash 8案例教程 教学课件 ppt 作者 沈大林 等 第5章 元件和ActionScript基本语法》由会员分享，可在线阅读，更多相关《中文Flash 8案例教程 教学课件 ppt 作者 沈大林 等 第5章 元件和ActionScript基本语法（71页珍藏版）》请在金锄头文库上搜索。
1、第5章 元件和ActionScript基本语法,5.1 【案例19】奔跑的运动员 5.2 【案例20】电风扇按钮 5.3 【案例21】多媒体播放器 5.4 【案例22】请您算算看 5.5 【案例23】迎接北京奥运 5.6 【案例24】可变探照灯 5.7 【案例25】切换外部图像,5.1 【案例19】奔跑的运动员,1创建影片剪辑和图形元件 （1）将舞台工作区中的对象转换为元件 单击选中舞台工作区中的对象。单击“修改”“转换为元件”命令或按【F8】键，弹出“转换为元件”对话框。 在“名称”文本框中输入元件的名称（例如元件1）；在“行为”栏内选择元件类型；单击中的 小方块，调整元件的中心（黑色小方块
2、所在处表示是元件的中心坐标位置），单击【确定】按钮，即将选中的对象转换为元件。“库”面板中会增加一个名字为“元件1”的元件，同时选中的对象会自动变为该元件的实例。 （2）将外部的GIF动画转换为图形或影片剪辑元件 单击“插入”“新建元件”命令，弹出“创建新元件”对话框。 在“创建新元件”对话框的“名称”文本框中输入元件的名字（如输入“元件1”），选择元件类型。此处选择“影片剪辑”，再单击【确定】按钮，即可进入元件编辑窗口。 单击“文件”“导入”“导入到舞台”命令，弹出“导入”对话框，选择一个GIF或AVI动画，导入元件编辑区中。此时，时间轴上会在前几个帧单元格内,出现黑点（关键帧）和灰色帧单元
3、格。导入一个GIF动画后的时间轴与舞台工作区。 如果需要，应调整各帧的位置，使它们的中心与元件编辑窗口内的十字标记对齐。 单击元件编辑窗口中的场景名称，回到舞台工作区的主场景。 （3）将舞台工作区中的动画转换为图形或影片剪辑元件 选取动画的所有帧，右击，弹出帧快捷菜单，单击帧快捷菜单中的“复制帧”命令，将选中的所有帧复制到剪贴板中。 单击“插入”“新建元件”命令，弹出“创建新元件”对话框。 在该对话框中，输入元件名字（例如“动画1”），选择元件类型，再单击“确定”按钮。此时，“库”面板中增加了一个名字为“动画1”的元件，但它还是一个空元件，没有内容。同时舞台工作区切换到元件编辑窗口。 单击选中
4、帧控制区域内第1帧，再右击，弹出帧快捷菜单。单击该菜单内的“粘贴帧”命令，将剪贴板内的所有帧复制到元件编辑窗口内。 单击元件编辑窗口中的场景名称图标，回到主场景。,2编辑元件 在创建了若干元件实例后，可能需要编辑修改。元件经过编辑后，Flash会自动更新它在影片中的所有实例。编辑元件可以采用许多方法，介绍如下。 （1）双击“库”面板中的一个元件，即可调出元件编辑窗口。在舞台工作区内，将鼠标指针移到要编辑的元件实例处，右击，弹出实例快捷菜单，单击该菜单中的“编辑”命令，也可以调出元件编辑窗口。进行元件编辑后，单击元件编辑窗口中的场景名称图标，回到主场景。 （2）在舞台工作区内，将鼠标指针移到要编
5、辑的元件实例（例如：按钮元件实例）处，右击，弹出实例快捷菜单，单击该菜单中的“在当前位置编辑”命令，此时，仍在原舞台工作区中，而且保留原工作区的其他对象（不可编辑，只供参考）。进行元件编辑后，双击舞台工作区的空白处，即可退出编辑状态，回到原状态。双击舞台工作区内的元件实例也可进入这种元件编辑状态。 （3）单击实例快捷菜单中的“在新窗口中编辑”命令，打开一个新的舞台工作区窗口，可在该窗口中编辑元件。单击该工作区右上角的 按钮，即可回到原舞台工作区。 3编辑实例,编辑实例，可以采用前面介绍过的编辑修改一般对象的方法。此外，每个实例都有自己的属性，利用它的“属性”面板可以改变实例的位置、大小、颜色和
6、亮度和透明度等属性，还可以改变实例的类型，设置图形实例中动画的播放模式等。实例属性的编辑修改，不会造成对相应元件和其他由同一元件创建的其他实例的影响。 对于舞台工作区内元件的实例，其“属性”面板中会增加一个“颜色”下拉列表框等。利用它们可以设置实例的颜色、亮度、色调和透明度等。实例“属性”面板中的“颜色”下拉列表框内有5个选项。如果选中“没有”选项，则表示不进行实例颜色的设置。选择其他选项后的颜色设置方法如下。 （1）亮度的设置：在实例“属性”面板内“颜色”下拉列表框中选择“亮度”选项后，会在“颜色”下拉列表框右边增加一个带滑动条的文本框。 用鼠标拖动文本框的滑块或在文本框中输入数据（从-10
7、0%100%），均可调整实例的亮度。 （2）透明度的设置：在实例“属性”面板内的“颜色”下拉列表框中选择Alpha选项后，会在“颜色”下拉列表框右边增加一个带滑块的文本框。 用鼠标拖动文本框的滑块或在文本框中输入数据，可以改变实例的透明度，（可以通过图形实例看到下面的七彩矩形图像）。,（3）色调的设置：在实例“属性”面板中的“颜色”下拉列表框内选择“色调” 会在“颜色”下拉列表框右边增加几个带滑块的文本框和一个按钮。单击按钮，会调出“颜色”面板，利用“颜色”面板可以改变实例的色调。用鼠标拖动按钮右边文本框的滑块或在文本框中输入百分比数据，可用来调整着色（即掺色）比例（0%100%）。 用鼠标拖
8、动RGB栏内文本框的滑块或在文本框内输入数据，也可以改变实例的色调。“R、G、B”后面的3个文本框分别代表红、绿、蓝三原色的值。 （4）高级设置：在实例“属性”面板内的“颜色”下拉列表框中选择“高级”选项后，会在“颜色”下拉列表框右边增加一个【设置】按钮。单击【设置】按钮，即可弹出“高级效果”对话框。利用该面板可以调整实例的色调和透明度等。 该面板有两个区域，百分数区域可从0%100%调整，数值区域可从-255255调整。可以通过拖动各文本框的滑块来调整数据，也可以直接在文本框中输入数据。最终的效果将由两个区域中的数据共同决定。修改后每种颜色分量或透明度的值等于修改前的值乘以左边文本框内的百分
9、比，再加上右边文本框中的数值。例如，一个实例原来的蓝色是100，左边文本框中的百分比是50%，右边文本框中的数值是80，则修改后的蓝色分量为130。 4实例“属性”面板,图形实例和影片剪辑实例的特性在许多方面是一样的，例如前面提到的编辑实例的方法，不但适用于影片剪辑实例，而且适用于图形实例，它们“属性” 面板内有一些共同的选项，也有一些不同的选项。当选择“影片剪辑”选项时，该面板。 当选择“图形”选项时。它们都有“实例行为”下拉列表框、“颜色”下拉列表框、左下角的4个用来精确确定实例大小与位置的4个文本框和【交换】按钮。 （1）“实例行为”下拉列表框：该下拉列表框中有3个选项是影片剪辑、图形和
10、按钮，选择不同选项，可以实现实例类型的转换，实例的“属性”面板也会随之改变。 （2）“实例名称”文本框：用来输入影片剪辑或按钮实例的名称，这个名称可以在程序中使用。只有影片剪辑和按钮实例才有此文本框。 （3）【交换】按钮：单击该按钮，可弹出“交换元件”对话框。在对话框中间的列表框中会显示出动画的所有元件的名称和图标，其左边有一个小黑点的元件是当前选中的元件实例。单击这些元件的名称或图标，即可在对话框中左上角显示出相应元件的外形。 单击选中这些元件的名称或图标后单击【确定】按钮，或者双击元件的名称,或图标，都可以用这些元件改变选中的实例。单击该面板中的【复制元件】按钮，可以弹出“元件名称”对话框
11、，在该对话框中的文本框中输入名称后，再单击【确定】按钮，即可复制一个新元件。 （4）【关于此属性检查器的帮助】按钮：单击该按钮可以调出相应的“帮助” 面板，同时显示选中实例的相应的帮助信息。 （5）【编辑此对象的动作脚本】按钮：单击该按钮可以调出相应的“动作”面板，用来输入脚本程序。只有按钮和影片剪辑实例才有此按钮。 （6）【编辑辅助功能设置】按钮：单击该按钮可以调出“辅助功能”面板。只有选中其中的“使对象可访问”复选框时，其他选项才有效。单击“窗口”“其他面板”“辅助功能”命令，也可以调出“辅助功能”面板。 （7）“图形选项”下拉列表框：只有在图形元件实例的“属性”面板中才有“图形选项”下拉
12、列表框，它在【交换】按钮的右边，用来选择动画的播放模式。它有“循环”（循环播放）、“播放一次”（只播放一次）和“单帧”（只显示第1帧）3个选项。 （8）“第一帧”文本框：用来输入动画开始播放的帧号码，确定动画从第几帧开始播放，只有图形实例才有它。,【进阶案例50】飞翔的老鹰和小鸟 【进阶案例51】水中游鱼,5.2 【案例20】电风扇按钮,1按钮元件的4个状态 在Flash影片中可以有按钮，按钮也是对象，当鼠标指针移到按钮之上或单击按钮时，即产生交互事件，按钮会改变它的外观。要使一个按钮在影片中具有交互性，需要先制作按钮元件，再由按钮元件创建按钮实例，并在制作按钮实例时为它分配对交互事件产生的动
13、作。在Flash 8中，按钮有4个状态，这4个状态的特点如下。 （1）“弹起”（即Up）状态：鼠标指针没有移到按钮之上时的按钮状态。 （2）“指针经过”（即Over）状态：鼠标指针移到按钮上面，但没有单击时的按钮状态。 （3）“按下”（即Down）状态：用鼠标单击按钮时的按钮状态。 （4）“点击”（即Hit）状态：在此状态下可以定义鼠标事件的响应范围和鼠标事件的动作。如果没有设置“点击”状态的区域，则鼠标事件的响应范围由“弹起”状态的按钮外观区域决定。“点击”帧的图形在影片中是不显示的。 2创建按钮 （1）单击“插入”“新建元件”命令，弹出“创建新元件”对话框。在该对话框,中，输入元件的名字（
14、例如“按钮1”），选择“按钮”类型。单击【确定】按钮，切换到按钮元件编辑状态，时间轴的“图层1”图层中显示4个连续的帧。 用户需要在这前3个帧中分别创建相应的按钮外观，可以导入图形、图像、文字，影片剪辑或图形元件实例等，但不能在一个按钮中再使用按钮元件。最好使用“信息”面板将按钮图形精确定位，使图形的中心与十字标记对齐，并记下它的坐标值。要制作动画按钮，可以使用动画的影片剪辑或图形元件。 （2）单击选中第l帧（弹起），再制作按钮“弹起”状态的外观。 （3）单击选中第2帧（指针经过），再按【F6】键，使第2帧成为关键帧并复制第l帧的按钮外观，改变第2帧的对象，作为鼠标指针经过时的按钮外观。另外，
15、可以按【F7】键，使第2帧成为空白关键帧，重新创建一个新对象，作为鼠标指针经过时的按钮外观。 （4）单击选中第3帧，按照上述方法，制作鼠标按下状态的按钮外观。然后，单击选中第4帧，绘制一个图形，用来确定鼠标事件的响应范围。 （5）单击元件编辑窗口中的场景名称图标，回到主场景。可以看到“库”面板中已有了刚刚制作的按钮元件。从“库”面板中将它拖动到工作区中，即可创建按钮实例。,按钮各种状态不但可以是图形，还可以是图像、文字和动画（影片剪辑或图形实例）等。还可以在按钮中插入声音。按钮的每一帧可以由多个图层组成。 3测试按钮 测试按钮就是将鼠标指针移到按钮之上并单击按钮，观察它的动作效果（应该像播放影
16、片时一样按照指定的方式响应鼠标事件）。测试按钮以前要进行下述4种操作中的一种。 （1）单击“控制”“测试影片”命令，运行整个动画（包括测试按钮）。 （2）单击“控制”“调试影片”命令，运行整个动画，同时调出“调试器”面板。 （3）单击“控制”“测试场景”命令，运行当前场景的动画（包括测试按钮）。 （4）单击“控制”“启用简单按钮”命令，可以在舞台工作区内测试按钮。 如果按钮中使用了影片剪辑，在舞台工作区是不能播放的，必须采用前3种方法播放。 4按钮实例的“属性”面板 按钮实例的“属性”面板。“属性”面板内主要选项的作用前面已经介绍了。该“属性”面板中特有的选项是“按钮选项”下拉列表框。它是用来选择按钮的跟踪模式。它有“当作按钮”和“当作菜单项”两个选项。只有按钮实例才有此下,拉列表框。 【进阶案例52】图像按钮 【进阶案例53】文字按钮,5.3 【案例21】多媒体播放器,1“动作”面板特点 具有交互式的动画可以使用户参与控制动画。用户可以通过鼠标单击或按键等操作，使动画画面产生跳转变化或者执行其他一些动作脚本（也叫程序）。
