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