第6章 Flash组件入门.ppt

《第6章 Flash组件入门.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Flash平面动画制作第6章Flash组件入门教学目标教学重点、难点本章小结教学内容教学目标通过这章的学习，学生可以学会Flash组件的使用方法和技巧第6章Flash组件入门教学重点与难点第6章Flash组件入门Flash组件中各个选项的含义、作用及参数设置。教学内容本章小结第6章Flash组件入门6.3“制作台历”案例6.1Flash组件概述本章计划授课4学时6.2“会员注册表”案例本节内容Flash组件概述Flash组件简介本章案例简介6.1Flash组件概述组件件是带有预定义参数的电影剪辑。通过这些参数，可以个性地修改组件的外观和行为。使用组件，并对其参数进

2、行简单设置，再编写简单的脚本，就能完成专业人员才能实现的交互动画。一、Flash组件概述6.1Flash组件概述FlashCS3的Actionscript2.0内置四种组件类型，包括用户界面（UI）组件、数据（Data）组件、视频（Video）组件和媒体（Media）组件。二、Flash组件简介6.1Flash组件概述二、Flash组件简介6.1Flash组件概述本章中将通过2个案例，来讲解Flash提供的组件功能。“会员注册表”案例主要讲解的是RadioButton、CheckBox、Button、ComboBox和TextArea几个常用组件的创建及使用方法。

3、“制作台历”案例主要讲解的是DateChooser日期选择器和Label标签的使用。三、本章案例简介6.1Flash组件概述本节内容案例效果操作步骤技术要点练习6.2“会员注册表”案例一、案例效果重点与难点：组件的使用步骤及RadioButton、CheckBox、Button、ComboBox和TextArea几个常用组件的创建及使用方法。6.2“会员注册表”案例二、操作步骤1：设置背景（1）启动AdobeFlashCS3，选择【文件】>【新建】菜单项，从“常规”对话框中选择Flash文件（ActionScript2.0）新建一个文档，设置文档大小为450×50

4、0像素，背景色为白色，命名为“会员注册表”，保存文档。(2)将图层改名为”bg”,在素材文件夹中选择图片文件“水果.jpg”导入到舞台.并调整大小.将”水果”图片转换为名称为”背景”的图形元件.调整透明度为15%,并设置笔触文本点缀.6.2“会员注册表”案例二、操作步骤2．创建文本（1）新建命名为“文本”的图层，在舞台上输入如下文本信息：6.2“会员注册表”案例二、操作步骤（2）选择“文本工具”，并将文本类型改为“输入文本”。在文本“姓名”和“年龄”右边各加一个文本框，并在实例名称中分别命名为“xingming”和”nianling”.3．添加组件（1）新建一个图

5、层，命名为“组件”，选择【窗口】>【组件】命令6.2“会员注册表”案例二、操作步骤(2)“性别：”的右侧；将UserInterface（用户界面）组件--“组件”--RadioButton（单选按钮），“籍贯：”的右侧设置为ComboBox（下拉列表框）组件；“爱好：”的右侧选择CheckBox（复选框）组件“座右铭：”的下方设置为：TextArea（文本域）组件，并适当调整一下它的大小和位置；舞台的下方选择Button（按钮）组件，6.2“会员注册表”案例二、操作步骤效果如图：6.2“会员注册表”案例二、操作步骤（3）使用【选择工具】选中“性别：”后的第一个单选

6、按钮，在其“属性”面板中单击“参数”选项卡，将label的值设为“男”。选中“性别：”后的第二个单选按钮，将label的值设为“女”。（4）单击“籍贯：”后面的下拉列表框，在“属性”面板中的“属性”选项卡中将它命名为“jiguan”，设置对应参数如图：6.2“会员注册表”案例二、操作步骤（5）单击“爱好：”右侧的第一个复选框，在“属性”面板中将其命名为“aihao1”，将显示文字设为“音乐”，。依照此种方法，将其它3个复选框，分别命名为“aihao2”、“aihao3”、“aihao4”，显示文字分别为“旅游”、“看书”、“运动”。6.2“会员注册表”案例二、操作

7、步骤（6）单击“座右铭：”下方的文本域，在“属性”面板中将其命名为“zuo”。（7）单击舞台最下方的按钮，在“属性”面板中将其命名为“zhuce”，label设为“注册”。（8）新建一个图层，命名为“AS和结果”，在第2帧按F6键插入关键帧，按照“会员注册表”标题的操作方法制作“注册信息”标题；单击选择【文本工具】，设置文本类型为“动态文本”，然后在标题下方居中位置拖动一个适当大小的矩形框，接着在“属性”面板中将其变量名设为“jieguo”，设置文本颜色为深蓝色，显示类型为“多行”；选择“组件”面板中的按钮，将其拖入到动态文本的下方。将其命名为“fanhui”，显

8、示文字为“