《Flash CS4中文版模块教程 教学课件 ppt 作者 明丽宏 彭德林 模块17 使用组件》由会员分享，可在线阅读，更多相关《Flash CS4中文版模块教程 教学课件 ppt 作者 明丽宏 彭德林 模块17 使用组件（27页珍藏版）》请在金锄头文库上搜索。
1、模块十七 使用组件,模块十七 使用组件,重点提示： 组件的概念 自定义组件 常用组件,模块十七 使用组件,子模块一 组件的概念 子模块二 定义组件 子模块三 常用组件 工作情境一 交互式调研问卷 工作情境二 计数测试 模 块 小 结 模 块 训 练,子模块一 组件的概念,Flash组件是带参数的影片剪辑，可以修改它们的外观和行为。组件既可以是简单的用户界面控件（例如，单选按钮或复选框），也可以包含内容（例如，滚动窗格）；组件还可以是不可视的（例如，FocusManager，它允许用户控制应用程序中接收焦点的对象）。,子模块二 自定义组件,1设置单个组件属性 2设置全局样式,子模块二 自定义组件
2、,1设置单个组件属性 （1）新建一个场景文件，设置场景的尺寸为200300 px，并将场景的背景颜色改为浅绿色（#CCFFCC），整个Flash的场景将作为表单的版面。 （2）选择工具箱中的“文字工具”，设置文本字体为华文行楷，字体大小为19，在版面的上部输入文字“教学调查表”作为标题。再设置文本字体为楷体，字体大小为10，在版面的中部输入4个调查题、姓名和班级等文字，调整这些文本的位置。,子模块二 自定义组件,1设置单个组件属性 （3）选择“窗口”“组件”命令，打开“组件”面板。 （4）双击“面板”中的组合框组件将组件添加到场景中，这个组合框组件将让用户对调查表中第一个问题答案进行选择。选中
3、添加的组件在“组建检查器”面板中设置Labels和Data参数均为：“二维动画技术，动画运动规律，影视特效制作，三维动画技术”，并设置组件的实例名称为“c1”。,图 17-5 Data参数设置表,子模块二 自定义组件,1设置单个组件属性 （5）双击“组件”面板中的“单选按钮”组件将组件添加到场景中。按“Ctrl”键，用鼠标拖动刚才添加的单选按钮组件，这样就又复制出一个单选按钮组件。使用相同的方法，再复制出4个单选按钮组件，作为调查表中其余3个问题的备选答案。 （6）设置第2道题目的两个单选按钮组件的Label参数分别为“合适”和“不合适”，Data参数分别为“合适”和“不合适”。并设置它们的G
4、roup Name参数为“q2”。,子模块二 自定义组件,1设置单个组件属性 （7）使用相同的方法设置第3道题目的两个单选按钮组件的Label参数分别为“开卷”和“闭卷”，Data参数分别为“开卷”和“闭卷”，Group Name参数为“q3”。设置第4道题目的两个单选按钮组件的Label参数分别为“喜欢”和“不喜欢”，Data参数分别为“喜欢”和“不喜欢”，Group Name参数为“q4”。设置完毕后，调整单选按钮与上下题目之间的位置。 （8）选择工具箱中的“文字工具”，在“属性”面板中设置文本类型为“输入文本”，在版面中姓名和班级的后面各绘制一个长55，高17的文本框。设置两个文本框的变
5、量分别为“xm”和“bj”。 （9）双击“组件”面板中的“按钮”组件将组件添加到场景中。调整组件的位置到版面的最下方，作为用户填写完调查表后，提交数据的命令按钮。 （10）选择“控制”“测试影片”命令。,子模块二 自定义组件,2设置全局样式 将自定义组件中的案例打开，按下“Ctrl”+“Enter”键预览动画，可以看到这些组件各自的样式，均为默认状态下的黑色文字，激活时有绿色的背景。 （1）新建一个图层，在该图层第一帧选中的情况下，按下“F9”快捷键，打开动作面板，为该帧定义动作。其中，color定义的是默认的颜色，themeColor为激活状态颜色，fontSize定义文本大小，fontfa
6、mily则设置了字体为“Arial”体。 （2）按下“Ctrl”+“Enter”键发布动画，预览新的效果图。默认文本粉红色，激活状态为浅蓝色。,子模块三 常用组件,（一）用户界面组件 （二）媒体组件 （三）视频组件,子模块三 常用组件,（一）用户界面组件 1CheckBox（复选框） 复选框一般用在有许多选择可以多项选择的情况。 2Button（按钮） 一般用于对表单选项的确认、提交和取消命令。在组件检查器面板中可以对其参数进行设置。 3ComboBox（下拉列表） 将所有的选择放置于同一个列表中，除非单击它，否则将以收起状态呈现。 4List（列表） 列表与下拉列表相似，区别是下拉列表默认就
7、显示一行，而列表则显示多行。 5RadioButton（单选按钮） 单选按钮必须要设定群组（Group），同一群组的单选按钮不能复选。,子模块三 常用组件,（一）用户界面组件 6Label（文本标签） 一个Label就是一行文本。Label组件没有边框、不能具有焦点，并且不广播任何事件。 7NumericStepper（数字进阶） 允许用户逐个通过一组经过排序的数字。该组件由显示在小上下箭头按钮旁边的文本框中的数字组成。数字将根据stepSize参数中指定的单位递增或递减。 8ProgressBar（进度栏） 用来显示加载内容的当前进度。 9ScrollPane（滚动窗格） 在一个可以滚动区域
8、中显示影片剪辑、JPEG文件和SWF文件。通过滚动窗格限制这些媒体类型所占用的屏幕区域的大小。 10UIScrollBar（UI滚动条）,子模块三 常用组件,（二）媒体组件 媒体组件包由三个组件构成：MediaDisplay、MediaController 和 MediaPlayback。,子模块三 常用组件,（三）视频组件 通过FLVPlayback组件，可以轻松地将视频播放器包括在Adobe Flash CS4 Professional应用程序中，以便播放通过HTTP渐进式下载的视频文件，或者播放来自Adobe的Macromedia Flash Media Server或Flash Vid
9、eo Streaming Service (FVSS)的流视频文件。,工作情境一 交互式调研问卷,一、工作情境描述及效果 工作情境描述 设计一个调研问卷，问卷中设有兴趣爱好、学历、工作情况的咨询信息。具体分析如表17-1所示。,工作情境一 交互式调研问卷,表 17-1 交互式调研问卷任务分析表,工作情境一 交互式调研问卷,工作情境效果 调研问卷的最终效果。,工作情境一 交互式调研问卷,二、工作情境详解 (1) 新建一个场景文件，选择【修改】【文档】命令，弹出【文档属性】对话框，根据需要设置场景的尺寸为280350 px，整个Flash的场景将作为表的版面。 (2) 选择工具箱中的【文字工具】
10、，设置文本字体为华文新魏，字体大小为24，在版面的上部输入文字“调研问卷”作为标题。再设置文本字体为黑体，字体大小为18，在版面的中部输入3个调查题目文字，调整这些文本的位置。 (3) 选择【窗口】【组件】命令，打开【组件】面板。双击【面板】中的组合框组件 将组件添加到场景中，这个组合框组件将让用户对调查表中第一个问题答案进行选择。选中添加的组件在【组建检查器】面板中设置Labels和Data参数均为：“看电影，睡觉，上网，阅读”，如图17-17所示。将另外一个组合框组件的Labels和Data参数分别设置为“研究生，本科，高职，高中” 。,工作情境一 交互式调研问卷,二、工作情境详解 (4)
11、 双击【组件】面板中的【单选按钮】组件将组件添加到场景中。按【Ctrl】键，用鼠标拖动刚才添加的单选按钮组件，复制出三个单选按钮组件。 (5) 设置单选按钮组件的Label参数分别为“医生”、“教师”、“公务员”和“其他”，Data参数分别为“医生”、“教师”、“公务员”和“其他”。 (6) 双击【组件】面板中的【按钮组件】将组件添加到场景中。调整组件的位置到版面的最下方，作为用户填写完调查表后，提交数据的命令按钮。 (7) 选择【控制】【测试影片】命令。,工作情境二 计数测试,一、工作情境描述及效果 工作情境描述 设计一个小测试，需要用户通过数字进阶组件得出测试结果。具体分析如表17-2所示
12、。,工作情境二 计数测试,表 17-2 计数测试任务分析表,工作情境二 计数测试,工作情境效果 计数测试的最终效果。,工作情境二 计数测试,二、工作情境详解 (1) 新建一个场景文件，选择【修改】【文档】命令，弹出【文档属性】对话框，根据需要设置场景的尺寸为400550 px，整个Flash的场景将作为表的版面。 (2) 选择工具箱中的【文字工具】 ，设置文本字体为华文隶书，字体大小为50，在版面的上部输入文字“小测试”作为标题。再设置文本字体为黑体，字体大小为25，在版面的中部输入相关文字，调整这些文本的位置。 (3) 选择【窗口】【组件】命令，打开【组件】面板。双击【面板】中的组合框组件
13、将组件添加到场景中，在【组件检查器】面板中，对【参数】选项卡内的参数进行调整。,工作情境二 计数测试,二、工作情境详解 (4)从【组件】面板中拖放Label组件到舞台，并将其实例名称设置为“my_label”。 (5)在时间轴面板中选中第一帧，在动作面板中输入动作代码。 (6)保存文档后，选择【控制】【测试影片】命令，预览组件效果。,模 块 小 结,Flash的组件太多，在本模块中不能逐一介绍每种组件的使用方法及其功能，但通过以上几个情境的学习，相信大家对组件及使用组件会有更进一步的认识。使用组件能提高Flash创建相关作品的效率，其中提供的数据和网络服务类的组件使得Flash页面的数据与后台数据的交换变得更加简单。如果用户使用这些组件建设网站，还可以通过网络下载及自己制作新组件来扩充组件资源。,模 块 训 练,1请制作一个如图所示的组件集合。,
