第一节环保知识竞赛题制作ppt课件

2007-1-08,.,1,第一节环保知识竞赛题制作,铁王中学王东强,2007-1-08,.,2,学习目标：1、了解ActionScript在交互动画中的重要作用2、知道ActionsScript程序的组成3、熟练使用关键帧的ActionScript控制动画播放操作4、熟练使用按钮中的ActionScript控制动画播放的操作，掌握按钮的创建和使用方法，会在按钮中添加声音,2007-1-08,.,3,创建用户交互界面步骤1、单击图层名称下方的“增加图层”按钮，新增一个“图层2”。同时将“背景”图层隐藏。2、创建“姓名”文本框选中图层2的第1帧，选择工具箱中的【文本输入】工具，在“属性”面板中选择“静态文本”，并设置为“宋体、16、黑色”；然后输入文本“姓名：”。再次选择工具箱中的【文本输入】工具，在“属性”面板中选择“输入文本”，字体格式为“宋体、16、黑色”，在文字“姓名”的右侧拉出一个大小适度的输入文本框，单击按钮，以显示文本的边框。将“实例名称”改为“name”。,2007-1-08,.,4,3、创建“学号”文本框选择工具箱中的【文本输入】工具（），在“属性”面板中选择“静态文本”，并设置为“宋体、16、黑色”；然后输入文本“学号”。再次选择工具箱中的【文本输入】工具（），在“属性”面板中选择“输入文本”，字体格式为“宋体、16、黑色”，在文字“学号”的右侧拉出一个大小适度的输入文本框，单击按钮（），以显示文本的边框。将“实例名称”改为“num”。如图7-57所示,图7-57“学号”文本框,2007-1-08,.,5,4、创建“性别”单选按钮选择工具箱中的【文本输入】工具，在“属性”面板中选择“静态文本”，并设置为“宋体、16、黑色”；然后输入文本“性别”。从“组件”面板中将单选按钮（RadioButton）组件拖到文字“性别”的右侧。在“属性”面板的“属性”选项卡中将“实例名称”改为“maleRadio”。在“属性”面板的“参数”选项卡中将“Labels”改为“男”，并按回车键确定。舞台上的单选按钮名称马上发生了改变。如图7-58所示。,图7-58单选按钮设置一,2007-1-08,.,6,再从“组件”面板中将单选按钮（RadioButton）组件拖到“男”的右侧。从“属性”面板的“属性”选项卡中将“实例名称”改为“femaleRadio”。在“属性”面板的“参数”选项卡中将“Labels”改为“女”，并按回车键确定。舞台上的单选按钮名称马上发生了改变。如图7-59所示。,图7-59单选按钮设置二,2007-1-08,.,7,5、创建“系/部”组合框选择工具箱中的【文本输入】工具（），在“属性”面板中选择“静态文本”，并设置为“宋体、16、黑色”；然后输入文本“系/部”。从“组件”面板中将组合框（ComboBox）组件拖到文字“系/部”的右侧。在“属性”面板的“属性”选项卡中将“实例名称”改为“collegeCombo”。单击“属性”面板“参数”选项卡，双击“Labels”右侧的按钮，然后在弹出的对话框中添加文本值数组。如图7-60所示。,图7-60“值”对话框,2007-1-08,.,8,再双击“data”右侧的按钮，然后在弹出的对话框中添加与组合框（ComboBox）中每个项目关联的数据值。在本例中，我们将“data”和“Lables”中设置为相同的值。再将“rowCount”的值改为“4”。设置完成后的效果如图7-61所示。,图7-61“系/部”组合框,图7-61“系/部”组合框,2007-1-08,.,9,6、创建“专业”列表框选择工具箱中的【文本输入】工具（），在“属性”面板中选择“静态文本”，并设置为“宋体、16、黑色”；然后输入文本“专业”。从“组件”面板中将列表框（List）组件拖到文字“专业”的右侧。在“属性”面板的“属性”选项卡中将“实例名称”改为“sepcialityList”。单击“属性”面板“参数”选项卡，双击“Labels”右侧的按钮，然后在弹出的对话框中添加列表标签值的文本数组值。,2007-1-08,.,10,再双击“data”右侧的按钮，然后在弹出的对话框中添加与列表框（List）中每个项目关联的数据值。在本例中，我们还是将“data”和“Lables”中设置为相同的值。设置完成后的效果如图7-63所示。,图7-63“专业”列表框,2007-1-08,.,11,7、创建“班级”文本框选择工具箱中的【文本输入】工具（），在“属性”面板中选择“静态文本”，并设置为“宋体、16、黑色”；然后输入文本“班级”。再次选择工具箱中的【文本输入】工具（），在“属性”面板中选择“输入文本”，字体格式为“宋体、16、黑色”，在文字“班级”的右侧拉出一个大小适度的输入文本框，单击按钮（），以显示文本的边框。将“实例名称”改为“grade”。,2007-1-08,.,12,8、创建“选修课程”复选框选择工具箱中的【文本输入】工具（），在“属性”面板中选择“静态文本”，并设置为“宋体、16、黑色”；然后输入文本“选修课程”。从“组件”面板中将复选框（CheckBox）组件拖到文字“选修课程”的下方。在“属性”面板的“属性”选项卡中将“实例名称”改为“donghua”。单击“属性”面板“参数”选项卡，将“Label”右侧的“CheckBox”改为“Falsh动画制作”。用同样的方法再制作5个复选框，“实例名称”分别叫“xingti”、“wenhua”、“renji”、“jiangshang”、“yingxiao”。,2007-1-08,.,13,9、创建“提交”按钮从“组件”面板中将按钮（Button）组件拖到舞台的右下方。在“属性”面板的“属性”选项卡中将“实例名称”改为“tijiao”。单击“属性”面板“参数”选项卡，将“Labels”右侧的“Button”改为“提交”。如图7-67所示。,图7-67“提交”按钮,2007-1-08,.,14,步骤3设置动作语句1、选择图层2的第1帧，然后打开“动作”面板，输入如图7-68所示的代码。该段代码用侦听器对“提交”按钮进行控制。,图7-68对“提交”按钮的动作控制,2007-1-08,.,15,2、为了能输出用户选择的内容，用函数trace（）来输出用户界面上输入的姓名。添加的代码如图7-69所示。,图7-69输出姓名,2007-1-08,.,16,3、对于单选按钮“性别”，可以让函数trace（）和if（）结合使用。程序代码如图7-70所示。,图7-70输出性别,2007-1-08,.,17,4、在第二个if（）函数的下面添加一行代码trace(系/部：+collegeCombo.getValue()，用来输出所在的“系/部”。5、再添加一行代码trace(专业：+sepcialityList.getValue()，用来输出所在的“专业”。6、再添加一行代码trace(班级：+grade.text)，用来输出所在的“班级”。如图7-71所示。,图7-71输出“系/部”、“专业”和“班级”,2007-1-08,.,18,7、在输出“班级”语句的后面添加代码，用来输出对“选修课程”的选择。在这里，还是让函数trace（）和if（）结合使用。如图7-72所示。链接：动作脚本编辑器环境有两部分组成。右侧是“脚本”窗格，这是键入代码的区域。左侧部分是一个“动作”工具箱，每个动作脚本语言元素在该工具箱中都有一个对应的条目。为了弄清编写的代码是否能像预期的那样运行，需要发布或测试文件。我们可以不必退出文件就迅速检查动作脚本代码。语法错误将列在“输出”面板中。一共有三种方法检查语法：一是单击“脚本”窗格上方的“语法检查”按钮。一种是单击右上角的按钮，在弹出的菜单中选择“语法检查”命令。第三种是在“动作”面板中，按快捷键【Ctrl+T】。8、单击“语法检查”按钮，检查代码的正确性。,图7-72输出“选修课程,2007-1-08,.,19,步骤4美化用户界面1、取消对“背景”图层的隐藏。2、选择工具箱中的【文本输入】工具，在“属性”面板中选择“静态文本”，并设置为“隶书、30、黄色”；然后输入文本“沧州医学高等专科学校06/07学年第一学期选课界面”。3、选择工具箱中的【文本输入】工具，在“属性”面板中选择“静态文本”，并设置为“隶书、20、黑色”然后输入一段文本“注意：每位学生至少选择一项，多者不限。选课情况将于下周三（6月14日）公布，有问题的同学可到教务中心询问”。再将文字“注意”的颜色改为“红色”。,2007-1-08,.,20,步骤5测试动画选择组合键Ctrl+Enter来测试动画。输入用户的信息，单击“提交”按钮，就会输出相应的内容。步骤6保存动画选择菜单的“文件保存”命令，保存在flash目录中，文件名为“选课界面”。“选课界面”总结：本例利用6种组件来设置一个学生选课的用户界面，还使用了函数来控制组件事件。,2007-1-08,.,21,本节小结：本章主要讲述了三个问题。首先是ActionScript语句的用途和组成，以及通过关键帧和按钮来添加了ActionScript语句的两种途径。“激光动画1”、“激光动画2”、“声音按钮”和“简单计时器”这些动画，分别以关键帧中动作脚本、按钮动作脚本、声音按钮动作脚本以及条件语句的使用，由浅入深，层层深入，