第6章 Flash组件入门.ppt

Flash平面动画制作，第6章Flash组件介绍，教学目标，教学重点和难点，本章总结，教学内容，教学目标，通过本章的学习，学生可以学习Flash组件的使用方法和技巧，第6章Flash组件介绍，教学重点和难点，第6章Flash组件介绍，Flash组件中各种选项的含义，功能和参数设置。本章概述，第6章闪存组件介绍，第6.3章“制作台历”案例，第6.1章闪存组件概述，本章计划授课4小时，第6.2章“会员登记表”案例，本节内容，闪存组件概述，闪存组件介绍，本章案例介绍，第6.1章闪存组件概述，组件是带有预定义参数的电影剪辑。使用这些参数，您可以单独修改组件的外观和行为。使用组件，简单地设置它们的参数和编写简单的脚本可以完成只有专业人士才能实现的交互式动画。a，闪存组件概述，6.1闪存组件概述，闪存CS3操作脚本2.0内置四种类型的组件，包括用户界面(UI)组件、数据组件、视频组件和媒体组件。2.闪存组件介绍6.1闪存组件概述2。闪存组件介绍6.1闪存组件概述本章将通过两个案例解释闪存提供的组件的功能。“成员注册”案例主要解释如何创建和使用几个常见的组件，如单选按钮、复选框、按钮、组合框和文本区域。“制作台历”案例主要说明日期选择器和标签的使用。3，本章案例介绍，6.1Flash组件概述，本节内容，案例效果，操作步骤，技术要点，练习，6.2“会员登记表”案例，1，案例效果，重点和难点：组件的使用步骤和几种常用组件的创建和使用方法，如单选按钮，复选框，按钮，组合框和文本区。6.2“成员注册”案例，2。操作步骤，1:设置背景(1)开始设置背景3，选择文件新建菜单项，从“常规”对话框中选择闪存文件(操作脚本2.0)以创建新文档，将文档大小设置为450500像素，将背景颜色设置为白色，将其命名为“成员注册表”，然后保存文档。(2)将图层重命名为“bg”，选择图片文件“水果”。jpg”并将其导入到舞台。调整大小。将“水果”图片转换为名为“背景”的图形元素。将透明度调整到15%，并设置画笔文本修饰。6.2“成员注册”案例，2。操作步骤，2。创建文本(1)创建一个名为“文本”的新图层，并在舞台上输入以下文本信息：6.2“成员注册”案例、2。操作步骤，(2)选择“文本工具”并将文本类型更改为“文本工具”，在文本“名称”和“年龄”的右侧添加一个文本框，并在实例名称中分别将其命名为“兴明”和“年灵”。3.添加组件(1)创建一个新层，并将其命名为“组件”。选择窗口组件命令、6.2“成员注册”案例，2。操作步骤，(2)“性别：”右侧；将用户界面组件的右侧-“组件”-单选按钮和“本地：”设置为组合框组件；在“爱好”右侧：“选择复选框组件”座右铭：“并将其设置为：文本区域组件，并适当调整其大小和位置；在阶段的底部，选择按钮组件，6.2“成员登记表”案例，2。操作步骤，效果如下：6.2 会员登记表情况，2。操作步骤，(3)使用选择工具选择“性别：”后的第一个单选按钮，单击其“属性”面板中的“参数”选项卡，并将标签值设置为“男性”。选择“性别：”后的第二个单选按钮，并将标签值设置为“女性”。(4)在“属性”面板的“属性”标签中，点击“籍贯：”后面的下拉列表框，将其命名为“鸡冠”。如图所示设置相应的参数：6.2“成员注册”情况，2。操作步骤，(5)点击“爱好”右边的第一个复选框，在“属性”面板中将其命名为“爱好1”，并将显示文本设置为“音乐”。根据这种方法，其他三个复选框分别命名为“aihao2”、“aihao3”和“aihao4”，显示的字符是“travel”、“reading”和“sports”。(6)单击“座右铭”下面的文本字段，并在“属性”面板中将其命名为“左”。(7)点击舞台底部的按钮，在“属性”面板中将其命名为“朱斯”，标签设置为“注册”。(8)新建一层名为“AS and Results”的图层，按F6键将关键帧插入第二帧，按照“会员注册”标题的操作方法制作“注册信息”标题；单击并选择文本工具将文本类型设置为“动态文本”，然后在标题下方的中心位置拖动一个适当大小的矩形框，然后在“属性”面板中将其变量名设置为“郭解”，将文本颜色设置为深蓝色，并将显示类型设置为“多行”；选择“组件”面板中的按钮，并将其拖动到动态文本下方。它被命名为“范慧”，显示文本为“返回”。6.2“会员登记表”cASe，2，操作步骤，效果如图所示，6.2“会员登记表”case，2，操作步骤，4，编写代码(1)在“as and results”层选择第1帧，右键单击鼠标，在弹出的快捷菜单中选择“action”命令，打开“action”面板，输入如图所示的动作脚本，6.2“会员登记表”case，2，操作步骤，(2)在“as and results”层选择第2帧，打开“action”面板，输入如图所示的动作脚本6.2会员登记表案例3、技术要点1、如何使用组件步骤如下：(1)添加组件。 方法1:双击“组件”面板中的一个组件，它将出现在舞台的中央。方法2:在“组件”面板中选择它，并通过按住鼠标左键将其拖到舞台上的适当位置。(2)选择舞台上的组件。(3)在“属性”面板中输入组件实例的名称，或单击“参数”选项卡，并在“组件”下的框中输入组件实例的名称。(4)单击“参数”选项卡并指定实例的参数。6.2“会员登记表”案例，2。单选按钮组件的使用，3。技术要点，6.2“会员登记表”案例，3。复选框组件的使用，3。技术要点，6.2“会员登记表”案例，4。按钮组件的使用，三，技术要点，按钮参数，6.2“成员注册”案例，5。使用下拉列表框中的ComboBox组件，三，技术要点，ComboBox参数，6.2“成员注册”案例，6。使用textarea组件，三，技术要点，TextArea参数，6.2“成员注册”案例，(1)使用TextArea组件和按钮组件创建留言板信息。点击按钮后，用户输入的标题和消息内容将显示在下一页。(2)使用单选按钮组件和按钮组件来制作单选项问题。如果用户答对了，它会显示“宾果！恭喜你！”如果用户回答错误，它将显示“错误答案！请继续努力！”。4.练习6.2“会员登记表”案例，本节内容，案例效果，操作步骤，技术要点，练习6.3“制作台历”案例，1。案例效果、重点和难点：日期选择器日期选择器和标签标签调入和参数设置方法，以及如何完成日期选择器和标签之间的数据绑定。6.3“制作台历”案例。2.操作步骤。1.创建新文档并命名为AdobeFlashCS3后，创建一个新文档。将文档大小设置为700400像素，背景颜色设置为浅绿色(“#99CC99”)。将文件名保存为“台历”。2.添加和设置组件(1)将“层1”重命名为“组件”。窗口组件日期选择器日期选择器，将其拖到舞台右侧，并适当调整其大小；选择标签标签并将其拖动到日期选择器下，以显示选定的日期。6.3“制作台历”的情况，(2)操作步骤，(2)选择“日期选择器”并点击其“属性”面板中的“参数”选项卡来设置其参数，如图：(6.3“制作台历”的情况，(2)操作步骤，(3)选择舞台上的“标签”选项卡并点击其“属性”面板中的“参数”选项卡来设置其参数。rili和xsrili的设置如图所示： rili 绑定数据 Rili 绑定组件、 6.3 制作台历案例、2。操作步骤，xsrili 绑定数据 xsrili 绑定组件，6.3 制作台历案例，2。操作步骤，3。设置背景设置如图背景：6.3 制作台历案例所示。2.操作步骤，4。“四季图”动画(1)创建一个新的“四季图”图层，将素材库中的“春jpg”、“夏jpg”、“秋jpg”和“冬jpg”添加到库中。(2)选择插入新组件.命令创建一个名为“tu1”的图形组件。jpg 。该方法用于创建“夏季jpg”、“秋季jpg”和“冬季jpg”，作为“tu2”、“tu3”和“tu4”的图形元素。(3)选择插入新组件.再次命令创建一个名为“四季图”的电影剪辑。将“tu1”组件拖到第一层，然后创建一个新层并画一个圆。回到主场景，将“四季”元素拖到舞台上。双击“四季图表”组件，可以将影片剪辑中的圆圈调整为与主场景中的虚线圆圈相同的大小。6.3“制作台历”案例。2.操作步骤。春季、夏季、秋季和冬季图层的框架效果设置如下：5。测试并保存文件。(1)1。日期选择器组件是一个日历，允许用户选择日期。它包含允许用户在月份之间来回滚动并单击日期进行选择的按钮，可用于设置指示月和日名称、星期几、任何禁用日期以及突出显示当前日期的参数。6.3“制作台历”案例3