第7 章 组件与行为 本章重点 在Flash CS5 中,系统预先设定了组件、行为等功能来协助用户制作动画,以提高工作效率。本章主要讲解组件、行为的分类以及使用方法。通过本章的学习,读者应掌握组件和行为的相关操作。本章内容包括: ■ 组件 ■ 行为.

Slides:



Advertisements
Similar presentations
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
Advertisements

项目2 字符格式和段落编排 2017年3月7日6时54分.
插入超链接 高邮市第一实验小学 范太国 任务一:设置文本超链接 任务一:设置文字超链接 步骤:1、选定文字并右击,在快捷菜单 中选择“超链接”命令。 2、在弹出的对话框中选择左侧“链接到:”中的“本文档中的位置(A)”项,在“请选择文档中的位置(C):”中选择需要链接的幻灯片,单击“确定”按钮。
PRESENTED BY OfficePLUS
《中文版Flash CS3动画制作实用教程》
第4章 外部素材的导入 Flash既可以导入矢量图形,也可以导入位图图像。用户可以在任意的动画中加入位图或者是其他格式的外部图形文件。
第7章 动画发布 本章重点: 在Flash动画制作完成后,可以根据播放环境的需要将其输出为多种格式。如可以输出适合于网络播放的.swf和.html格式,也可以输出适合于非网络播放的.avi和.mov格式。通过本章学习应掌握以下内容: 将Flash发布为网络上播放的动画 将Flash输出为非网络上播放的动画.
图表的创建.
第6章 制作网站链接 本章内容 练习思考 实验操作.
在PHP和MYSQL中实现完美的中文显示
走进Word 认识Word2010的工作界面 计算机专业 赵德玲.
武汉纺织大学传媒学院 cm.wtu.edu.cn
第八章 菜单设计 §8.1 Visual FoxPro 系统菜单 §8.2 为自己的程序添加菜单 §8.3 创建快捷菜单.
大学计算机基础 典型案例之一 构建FPT服务器.
第5章 图像、声音与视频 本章重点 Flash 作为著名的多媒体动画制作软件,支持多种格式的图像、声音和视频的导入,并可以对它们进行一些操作和处理。通过本章的学习,读者应掌握利用Flash CS5 图像、声音与视频方面的相关知识。本章内容包括: ■ 导入图像 ■ 应用声音效果 ■ 压缩声音 ■
走进编程 程序的顺序结构(二).
网络常用常用命令 课件制作人:谢希仁.
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
Hub Web System 主要功能: 1.查询库存(Query Current Storage) 2.创建PL(Create PL) 3.查询、打印PL单(Query & Print PL) 4.查询允交量、在途量 5.修改用户的基本信息(Update Password) 6.查询GR(Query.
2019/1/12 GDP设计协同 超级管理员操作手册 GDP项目组.
Windows 7 的系统设置.
POWERPOINT TEMPLATE HI.
PRESENTED BY OfficePLUS
SOA – Experiment 2: Query Classification Web Service
第3讲 输入与格式化文本 教师:谢慧敏.
Visual Studio 2010简捷入门.
新PQDT论文全文库提交平台.
噪声模拟操作说明 CANDA.
产品推广 PRODUCT PROMOTION PRESENTED BY OfficePLUS.
计算机及办公软件应用 ©2013 苏州工业园区职业技术学院
直接扫描保存成TIF格式, 其他图片格式用Windows XP自带的 Windows图片与传真查看器打开
PRESENTED BY OfficePLUS
第3章 图像、声音与视频 本章重点: Flash作为著名的多媒体动画制作软件,支持多种格式的图像、声音和视频的导入,并可以对它们进行一些操作和处理。通过本章学习应掌握以下内容: 图像的导入 声音的导入和应用 视频的导入.
PRESENTED BY OfficePLUS
姚金宇 MIT SCHEME 使用说明 姚金宇
工业机器人知识要点解析 (ABB机器人) 主讲人:王老师
POWERPOINT TEMPLATE PRESENTED BY OfficePLUS.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
CLICK HERE TO ADD YOUR TITLE
第4章 Excel电子表格制作软件 4.4 函数(一).
企业宣传推广 Loem ipsum dolor sameman tanam casectetur adipiscing elit tamam dalam qoue sampe. dolor sameman tanam casectetur adipiscing elit tamam dalam qoue.
Word中活用“艺▪图▪框” 信息技术必修(一).
1 月 日 一 二 三 四 五 六 元旦 11/20 11/21 11/22 11/23 11/ /25 11/26 11/27 11/28 11/29 11/30 12/ /2.
iSIGHT 基本培训 使用 Excel的栅栏问题
PPT中视频的播放控制 苏州电教馆在线课程培训教程:PPT2003教程   制作:赵立锋 更多教程请见:
第六章 素材的加工与处理 第13讲 用GoldWave进行音频的截取、合并、淡入淡出操作
品牌推广方案 汇报时间:2018年8月 汇报人:优品PPT
LOGIX500软件入门 西安华光信息技术有限公司 2008年7月11日.
VRP教程 2011.
Delphi 7.0开发示例.
熟悉PowerDesiner12操作环境 菜单栏 标题栏 工具栏 导航栏 工作区 浮动工具条 导航选项卡 控制信息栏 状态栏.
第六章 素材的加工与处理 第3讲 Photoshop的基本操作
报头 的制作.
Python 环境搭建 基于Anaconda和VSCode.
工业机器人知识要点解析 (ABB机器人) 主讲人:王老师
Polarization of electro- magnetic wave after reflection
第六章 Excel的应用 五、EXCEL的数据库功能 1、Excel的数据库及其结构 2、Excel下的数据排序 (1)Excel的字段名行
元件 元件是指在Flash中创建的,可以在动画中反复使用的元素。使用元件使得动画制作更为简单,动画文件尺寸明显减小,播放速度显著提高。
本节内容 动态链接库 视频提供:昆山爱达人信息技术有限公司 官网地址: 联系QQ: QQ交流群 : 联系电话:
YOUR SUBTITLE GOES HERE
Flash动作.
第10讲 应用组件 学习目标 掌握用户接口组件的使用方法 。 掌握使用用户接口组件制作测试小软件的方法 。
如何在EBSCO host上创建检索结果邮件订阅
第8章 创建与使用图块 将一个或多个单一的实体对象整合为一个对象,这个对象就是图块。图块中的各实体可以具有各自的图层、线性、颜色等特征。在应用时,图块作为一个独立的、完整的对象进行操作,可以根据需要按一定比例和角度将图块插入到需要的位置。 2019/6/30.
WEB程序设计技术 数据库操作.
创建、启动和关闭Activity 本讲大纲: 1、创建Activity 2、配置Activity 3、启动和关闭Activity
使用Fragment 本讲大纲: 1、创建Fragment 2、在Activity中添加Fragment
LOGO HERE 单击此处添加 您的标题标题标题 PRESENTED BY JANE DOE
培训课件 AB 变频器的接线、操作及参数的备份 设备动力科.
多个Activity的使用 本讲大纲: 1、使用Bundle在Activity之间交换数据 2、调用另一个Activity并返回结果
Presentation transcript:

第7 章 组件与行为 本章重点 在Flash CS5 中,系统预先设定了组件、行为等功能来协助用户制作动画,以提高工作效率。本章主要讲解组件、行为的分类以及使用方法。通过本章的学习,读者应掌握组件和行为的相关操作。本章内容包括: ■ 组件 ■ 行为

7.1 组件 组件是一些复杂的带有可定义参数的影片剪辑符号。一个组件就是一段影片剪辑,其所带的参数由用户在创建Flash 影片时进行设置,其中的动作脚本API 供用户在运行时自定义组件。组件旨在让开发人员重用和共享代码,封装复杂功能,让用户在没有“动作脚本” 时也能使用和自定义这些功能。

7.1.1 设置组件 执行菜单中的“窗口| 组件”命令,调出“组件”面板,如图7-1 所示。Flash CS5 的“组件”面板中包含Media、User Interface 和Video 3 类组件。其中“Media”组件用于创建媒体组件;“User Interface”组件用于创建界面;“Video”组件用于控制视频播放。 用户可以在“组件”面板中选中要使用的组件,如图7-2 所示,然后将其直接拖曳到舞台中。接着在舞台中选中组件,如图7-3 所示,在图7-4 所示的“属性”面板中可以对其参数进行相应的设置。 图7-1 “组件”面板 图7-2  选择要使用的组件

图7-3  选择舞台中的组件 图7-4 “属性”面板

7.1.2 组件的分类与应用 1. Button 组件 下面主要介绍几种典型组件的参数设置与应用。 7.1.2 组件的分类与应用 下面主要介绍几种典型组件的参数设置与应用。 1. Button 组件 Button 组件为一个按钮,如图7-5 所示。使用按钮可以实现表单提交以及执行某些相关的行为动作。在舞台中添加Button 组件后,可以通过参数面板设置Button 组件的相关参数, 如图7-6 所示。该面板的主要参数含义如下。 图7-5  Button 组件 图7-6  Button 组件的参数面板

● label:用于设置按钮上文本的值。 ● labelPlacement:用于设置按钮上的文本在按钮图标内的方向。该参数可以是下列4 个值之一,即left、right、top 或buttom,默认为right。 ● selected:该参数指定按钮是出于按下状态(true) 还是释放状态(false),默认值为false。 ● toggle:将按钮转变为切换开关。如果值为true,则按钮在单击后保持按下状态,并在再次单击时返回到弹起状态。如果值为false,则按钮行为与一般按钮相同,默认值为false。

2. CheckBox 组件 CheckBox 组件为多选按钮组件,如图7-7 所示。使用该组件可以在一组多选按钮中选择多个选项。在舞台中添加CheckBox 组件后,可以通过参数面板设置CheckBox 组件的相关参数,如图7-8 所示。该面板的参数含义如下。 ● label:用于设置多选按钮右侧文本的值。 ● labelPlacement:用于设置按钮上的文本在按钮图标内的方向。该参数可以是下列4 个值之一,即left、right、top 或bottom,默认为right。 ● selected:用于设置多选按钮的初始值为被选中或取消选中。被选中的多选按钮会显示一个对勾,其参数值为true。如果将其参数值设置为false 表示会取消选择多选按钮。

图7-7  CheckBox 组件 图7-8  CheckBox 组件的参数面板

5.2.1 导入声音 下面通过一个小实例来讲解一下导入声音的方法,具体操作步骤如下: 5.2.1 导入声音 下面通过一个小实例来讲解一下导入声音的方法,具体操作步骤如下: 1)执行菜单中的“文件| 打开”命令,打开配套光盘“素材及结果\ 篮球片头\ 篮球介绍- 素材.fla”文件。 2)执行菜单中的“文件| 导入| 导入到库”命令,在弹出的对话框中选择配套光盘中的“素材及结果\ 篮球片头\ 背景音乐.wav”和“sound.mp3”声音文件,如图5-7 所示,单击 按钮,将其导入到库。 3)选择“图层8”,然后单击(新建图层)按钮,在“图层8”上方新建一个图层, 并将其重命名为“音乐”,然后从库中将“背景音乐.wav”拖入该层,此时“音乐”层上出现了“背景音乐.wav”详细的波形,如图5-8 所示。 4)按键盘上的〈Enter〉键,即可听到音乐效果。

3. ComboBox 组件 ComboBox 组件为下拉列表的形式,如图7-9 所示。用户可以在弹出的下拉列表中选择其中一项。在舞台中添加ComboBox 组件后,可以通过参数面板设置ComboBox 组件的相关参数,如图7-10 所示。该面板的主要参数含义如下。 图7-9  ComboBox 组件 图7-10  ComboBox 组件的参数面板

● dataProvider:用于设置下拉列表当中显示的内容,以及传送的数据。 ● editable:用于设置下拉菜单中显示的内容是否为编辑的状态。 ● prompt:用于设置对ComboBox 组件开始显示时的初始内容。 ● rowCount:用于设置下拉列表中可显示得最大行数。

4. RadioButton 组件 RadioButton 组件为单选按钮组件,可以让用户从一族单选按钮选项中选择一个选项, 如图7-11 所示。在舞台中添加RadioButton 组件后,可以通过参数面板设置RadioButton 组件的相关参数,如图7-12 所示。该面板的主要参数含义如下。 图7-11  RadioButton 组件 图7-12  RadioButton 组件的参数面板

● groupName:单击按钮的组名称,一组单选按钮有一个统一的名称。 ● label:用于设置单选按钮上的文本内容。 ● labelPlacement:用于确定按钮上标签文本的方向。该参数可以是下列4 个值之一,即left、right、top 或buttom,其默认值为right。 ● selected:用于设置单选按钮的初始值为被选中或取消选中。被选中的单选按钮中会显示一个圆点,其参数值为true,一个组内只有一个单选按钮可以有被选中的值true。如果将其参数值设置为false,表示会取消选择单选按钮。

5. ScrollPane 组件 ScrollPane 组件用于设置一个可滚动的区域来显示JPEG、GIF 与PNG文件以及swf 文件, 如图7-13 所示。在舞台中添加ScrollPane 组件后,可以通过参数面板设置ScrollPane 组件的相关参数,如图7-14 所示。该面板的主要参数含义如下。 图7-13  ScrollPane 组件 图7-14  ScrollPane 组件的参数面板

● horizontalLineScrollSize:当显示水平滚动条下,单击水平方向上的滚动条时水平移动的数量。其单位为像素,默认值为4。 ●horizontalPageScrillSize:用于设置按滚动条时水平滚动条上滚动滑块要移动的像素数。当该值为0 时,该属性检索组件的可用宽度。 ● horizontalScrollPolicy:用于设置水平滚动条是否始终打开。 ● scrollDrag:用于设置当用户在滚动窗格中拖动内容时是否发生滚动。 ● source:用于设置滚动区域内的图像文件或swf 文件。 ● verticalLineScriollSize:,当显示垂直滚动条下,单击滚动箭头时要在垂直方向上滚动多少像素。其单位为像素,默认值为4。 ● verticalPageScrollSize:用于设置按滚动条时垂直滚动条上滚动滑块要移动的像素数。当该值为0 时,该属性检索组件的孔用高度。 ● verticalScroPolicy:用于设置垂直滚动条是否始终打开。

7.2 行为 用户除了可以使用组件应用自定义的动作脚本外,还可以利用行为来控制文档中的影片剪辑和图形实例。行为是程序员预先编写好的动作脚本,用户可以根据自身需要灵活运用这些脚本代码。 执行菜单中的“窗口| 行为”命令,调出“行为”面板,如图7-15 所示。 ● 添加行为:单击该按钮,可以弹出图7-16 所示的下拉菜单,从中可以选择所要添加的具体行为。 删除行为 上移 添加行为 下移 图7-15 “行为”面板 图7-16 “添加行为”下拉菜单

● 删除行为:单击该按钮,可以将选中的行为删除。 ● 上移:单击该按钮,可以将选中的行为位置向上移动。 ● 下移:单击该按钮,可以将选中的行为位置向下移动。 下面主要介绍几种典型行为的应用。

1.“Web”行为 使用“Web”行为可以实现使用GetURL 语句到其他Web 页的跳转。在行为面板中单击 (添加行为)按钮,在弹出的下拉菜单中选择“web”,则会弹出Web 的行为菜单,如图7-16 所示。选择“选择转到Web 页”命令后会弹出“转到URL”对话框,如图7-17 所示。 图7-17 “转到URL”对话框

● URL:用于设置跳转的Web 页的URL。 ● 打开方式:用于设置打开页面的目标窗口,其下拉列表中“_blank”、“_parent”、 “_self ”和“_top”4 个选项可供选择。如果选择“_blank”,则会将链接的文件载入一个未命名的新浏览器窗口中;如果选择“_parent”,则会将链接的文件载入含有该链接框架的父框架集或父窗口中,此时如果含有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文件;如果选择“_self ”,则会将链接的文件载入该链接所在的同一框架或窗口中, 该选项为默认值,因此通常不需要指定它;如果选择“_top”,则会在整个浏览器窗口中载入所链接的文件,因而会删除所有框架。

2.“声音”行为 控制声音的行为比较容易理解。利用它们可以实现播放、停止声音以及加载外部声音、从库面板中加载声音等功能。 在“行为”面板中单击 (添加行为)按钮,在弹出的下拉菜单中选择“声音”,此时会弹出声音的行为菜单,如图7-18 所示。 ● 从库加载声音:从库面板中载入声音文件。 ● 停止声音:停止播放声音。 ● 停止所有声音:停止所有播放声音。 ● 加载MP3 流文件:以流式的方式载入MP3 声音文件。 ● 播放声音:播放声音文件。 图7-18  声音行为

3.“影片剪辑”行为 在“行为”面板中,有一列行为是专门用来控制影片剪辑元件的。这类行为种类比较多, 利用它们可以改变影片剪辑元件叠放层次以及加载、卸载、播放、停止、复制或拖动影片剪辑等功能。 在“行为”面板中单击 (添加行为)按钮,在弹出的下拉菜单中选择“影片剪辑”,此时会弹出影片剪辑的行为菜单,如图7-19 所示。 ● 加载图像:将外部jpg 文件加载到影片剪辑或屏幕中。 ● 加载外部影片剪辑:将外部swf 文件加载到目前影片剪辑或屏幕中。 ● 转到帧或标签并在该处停止:停止影片剪辑,并根据需要将播放头移到某个特定帧。 ● 转到帧或标签并在该处播放:从特定帧播放影片剪辑。 图7-19  影片剪辑行为

7.3 实例讲解 本节将通过3 个实例来对Flash CS5 的组件与行为方面的相关知识进行具体应用,旨在帮助读者快速掌握Flash CS5 组件与行为方面的相关知识。

7.3.1 制作由滚动条控制文本的上下滚动效果 要点: 7.3.1 制作由滚动条控制文本的上下滚动效果 要点: 本例将制作单击按钮可控制文本的上下滚动、停在按钮上时可控制文本的上下滚动,以及由滚动条组件控制文本的上下滚动3种效果,如图7-20 所示。通过本例的学习,读者应掌握this 和_root 语句的区别,了解通过scroll 语句控制文本上下滚动的方法和滚动条组件的应用。 图7-20 由按钮控制文本的上下滚动效果

1. 制作单击按钮可控制文本的上下滚动效果 操作步骤: 1)启动Flash CS5 软件,新建一个Flash 文件(ActionScript 2.0)。 2)打开配套光盘中的“素材及结果\7.3.1 由按钮控制的文本上下滚动效果.fla\ 文字.txt” 文件,如图7-21 所示。然后执行菜单中的“编辑| 复制”命令。接着回到Flash 中,利用工具箱中的 (文本工具)在舞台中创建一个文本框,再执行菜单中的“编辑| 粘贴到当前中心位置”命令,结果如图7-22 所示。 图7-21 文字.txt 图7-22 粘贴后的效果

(选择工具)调整文本框的大小,结果如图7-25 所示。 3)调整文本框。方法:在属性面板中将文本属性设置为“动态文本”,名称为“tt”,如图7-23 所示,然后右击舞台中的文本框,从弹出的快捷菜单中选择“可滚动”命令,如图7-24 所示,接着利用工具箱中的 (选择工具)调整文本框的大小,结果如图7-25 所示。 图7-23 设置参数 图7-24 选择“可滚动” 图7-25 调整后的文本框大小

4)制作向上滚动的按钮。方法:执行菜单中的“窗口| 公用库| 按钮”命令,调出系统自带的按钮面板,然后选择 “classic buttons\playback \ get Left”按钮,如图7-26 所示,将其拖入舞台。接着在“变形”面板中设置“旋转”为“90。”,如图7-27 所示,结果如图7-28 所示。 图7-26 选择“get Left” 图7-27 设置“旋转”为“90。” 图7-28 将按钮旋转90。的效果

5)制作向下滚动的按钮。方法:利用工具箱中的 (选择工具),配合键盘上的〈Alt+Shift〉组合键垂直向下移动,从而复制出一个按钮。然后在“变形”面板中设置“旋转”为“-90。”, 如图7-29 所示,结果如图7-30 所示。 图7-29 设置“旋转”为“-90.0。” 图7-29 设置“旋转”为“-90.0。”

6) 设置向上滚动按钮的动作脚本。方法:右击舞台中向上滚动的按钮,从弹出的快捷菜单中选择“动作”命令,然后在动作面板中输入语句: on(release){ this.tt.scroll-=1; } 提示:this表示在当前位置调用tt动态文本。由于在文本向上滚动时,标尺的数值逐渐减小,因此this. tt.scroll后为“-”。 7) 设置向下滚动按钮的动作脚本。方法:右击舞台中向下滚动的按钮,从弹出的快捷菜单中选择“动作”命令,然后在动作面板中输入语句: this.tt.scroll+=1; 提示:由于在文本向下滚动时,标尺的数值逐渐增加,因此this.tt.scroll后为“+”。 8)至此,单击按钮可控制文本上下滚动的效果制作完毕。执行菜单中的“控制| 测试影片” (快捷键〈Ctrl+Enter〉)命令打开播放器窗口,即可测试效果。

2. 制作放到按钮上时可控制文本上下滚动的效果 1)选择舞台中的向上按钮,按快捷键〈F8〉,将其转换为“向上”影片剪辑元件。 2)双击舞台中的“向上”影片剪辑元件,进入其编辑模式。然后在第2 帧按快捷键〈F6〉, 插入关键帧。 3)在第2 帧右击舞台中的按钮,从弹出的快捷菜单中选择“动作”命令,然后在动作面板中删除脚本语句。 提示:这一步的目的是为了使光标放置到按钮上时滚动效果能够延续。

4)在第1 帧右击舞台中的按钮,从弹出的快捷菜单中选择“动作”命令,然后在动作面板中修改语句为: on(rollOver){ _root.tt.scroll-=1; } 提示:此时,利用_root调用tt原来所在位置的参数。 5)同理,将舞台中的向下按钮转换为“向下”影片剪辑元件。然后删除第2 帧中按钮元件的动作,再将第1 帧中按钮元件的动作修改为: _root.tt.scroll+=1; 6)至此,当将光标放到按钮上时可控制文本上下滚动的效果制作完毕。下面执行菜单中的“控制| 测试影片”(快捷键〈Ctrl+Enter〉)命令,打开播放器窗口,即可测试效果。

3. 制作由滚动条组件控制文本的上下滚动效果 1)单击按钮,回到场景1,然后删除向上和向下两个按钮。 2)执行菜单中的“窗口| 组件”命令,调出组件面板。然后从中选择“UIScrollBar”组件, 如图7-31 所示。接着将其拖动到舞台中动态文本框的右侧,此时,滚动条会自动吸附到动态文本框上,如图7-32 所示。 图7-31 选择“UIScrollBar”组件 图7-32 滚动条自动吸附到动态文本框上

3)至此,由滚动条组件控制文本的上下滚动效果制作完毕。下面执行菜单中的“控制| 测试影片”(快捷键〈Ctrl+Enter〉)命令,打开播放器窗口,即可测试效果,如图7-33 所示。 图7-33 由按钮控制文本的上下滚动效果

7.3.2 制作QQ 卷展类别效果 要点: 本例将制作单击不同选项卡,会显示出相关选项卡中的不同头像,效果如图7-34 所示。通过的本例学习,读者应掌握Accordion 组件的应用。 图7-34 QQ 卷展类别效果

1. 创建相关元素 操作步骤: 1)启动Flash CS5 软件,新建一个Flash 文件(ActionScript 2.0)。 2)执行菜单中的“文件| 导入到库”命令,导入配套光盘中的“素材及结果\7.3.3 制作模拟QQ 效果\face1.jpg ~ face8.jpg”和“背景.jpg”图片,此时“库”面板如图7-35 所示。 3)设置文档大小。方法:从“库”面板中将“背景jpg”拖入舞台,然后执行菜单中的“修改| 文档”命令,在弹出的“文档设置”对话框中单击“内容”,如图7-36 所示,此时软件会自动将文档大小与“背景.jpg”图片进行匹配,接着单击“确定”按钮,效果如图7-37 所示,最后将“图层1”重命名为bg。

图7-35 QQ 卷展类别效果 图7-36 单击“内容” 图7-37 与图片匹配后的效果

4)单击时间轴下方的 (新建图层)按钮,新建一个Accordion 层,如图7-38 所示。 5)执行菜单中的“窗口| 组件”命令,调出“组件”面板,如图7-39 所示。然后在Accordion 层将“组件”面板中的Accordion 组件拖入舞台,如图7-40 所示。 图7-38 新建Accordion 层 图7-39 “组件”面板 图7-40 将Accordion 组件拖入舞台

6)调整Accordion 组件的大小。方法:选择舞台中的Accordion 组件,然后在“属性” 面板中设置“宽”为 250 6)调整Accordion 组件的大小。方法:选择舞台中的Accordion 组件,然后在“属性” 面板中设置“宽”为 250.00,“高”为300.00,如图7-41 所示。接着调整Accordion 组件的位置如图7-42 所示。 图7-41 单击“内容” 图7-42 调整Accordion 组件的位置

7)制作4 个QQ选项卡中要加载的头像按钮。方法:执行菜单中的“插入| 新建元件”(快捷键〈Ctrl+F8〉)命令,然后在弹出的“创建新元件”对话框中设置参数如图7-43 所示,单击“确定”按钮,进入“face1”按钮元件的编辑状态。接着从“库”面板 中将“face1.jpg”拖入舞台, 并将其x、y 坐标设为(0.00,0.00),如图7-44 所示。最后分别在时间轴“指针经过”、“按下”和“点击”帧按快捷键〈F6〉,插入关键帧,如图7-45 所示。 图7-43 新建“face1”按钮元件

图7-44 将“face1.jpg”的x、y 坐标设为0

8)同理,创建出face2 ~ face8 按钮元件,此时“库”面板如图7-46 所示。

9)制作mc1 影片剪辑作为第一个QQ 选项卡的内容。方法:执行菜单中的“插入| 新建元件”(快捷键〈Ctrl+F8〉)命令,然后在弹出的“创建新元件”对话框中设置参数如图7-47 所示,单击“确定”按钮,进入mc1 影片剪辑元件的编辑状态。接着将face1 和face2 按钮元件分别拖入该元件,并将face1 按钮元件的x、y 坐标设为(20.00,10.00),如图7-48 所示; 将face2 按钮元件的x、y 坐标设为(20.00,75.00),结果如图7-49 所示。 图7-47 新建mc1 影片剪辑元件

图7-48 单击“内容” 图7-49 调整Accordion 组件的位置

10)同理,新建mc2 ~ mc4 影片剪辑元件。然后将face3 和face4 按钮元件拖入mc2 影片剪辑元件,效果如图7-50 所示;将face5 和face6 按钮元件拖入mc3 影片剪辑元件,效果如图7-51 所示;将face7 和face8 按钮元件拖入mc4 影片剪辑元件,效果如图7-52 所示。 图7-50 mc2 影片剪辑元件 图7-51 mc3 影片剪辑元件 图7-52 mc4 影片剪辑元件

11)为了在预览时看到相关内容,下面分别在“库”面板中右键单击mc1 影片剪辑元件, 从弹出的快捷菜单中选择“链接”命令,然后在弹出的“链接属性”对话框中设置如图7-53 所示,单击“确定”按钮。 图7-53 设置链接参数

12)同理对mc2 ~ mc4 影片剪辑元件进行处理。

2. 通过设置Accordion 组件的参数来建立相关元素之间的 关联关系 1)设置4 个QQ 选项卡的名称。方法:单击 按钮,回到“场景1”。然后选择舞台中的Accordion 组件,在“属性”面板中单击childLabel 后的 按钮,如图7-54 所示, 接着在弹出的“值”对话框中单击 按钮,如图7-55 所示。最后在创建的“值”中输入“我的好友”,如图7-56 所示。同理,创建“企业好友”、“陌生人”和“黑名单”3 个选项卡的名称,如图7-57 所示,单击“确定”按钮。

图7-54 单击childLabel 后的 按钮 图7-55 单击 按钮

图7-56 输入“我的好友” 图7-57 4 个QQ 选项卡的名称

2)设置选项卡的实例名称。方法:在“属性”面板中单击childNames 后的 按钮,接着在弹出的“值”对话框中单击 按钮,创建“1”、“2”、“3”和“4”4 个实例名称, 如图7-58 所示,单击“确定”按钮。 3) 设置4 个选项卡中需要加载的影片剪辑。方法: 在“ 属性” 面板中单击childSymbols 后的 按钮,接着在弹出的“值”对话框中单击 按钮,创建“mc1”、“mc2”、“mc3” 和“mc4”4 个加载的影片剪辑,如图7-59 所示,单击“确定”按钮。此时Accordion 组件的“属性”面板如图7-60 所示。

图7-58 创建实例名称 图7-59 创建需要加载的影片剪辑 图7-60 Accordion 组件的“属性”面板

4)下面按键盘上〈Ctrl+Enter〉键,预览动画,即可看到单击不同的QQ 选项卡会显示出相关选项卡中的不同头像的效果。

7.3.3 制作网站导航按钮效果 要点: 本例将制作通过单击不同的网站导航按钮跳转到相应网站的效果,如图7-61 所示。通过本例学习应掌握利用行为制作网站导航按钮的方法。 图7-61 网站导航按钮

操作步骤: 1. 创建按钮 1)启动Flash CS5 软件,新建一个Flash 文件(ActionScript 2.0)。然后在属性栏中设置文档大小为400×100 像素。 2)执行菜单中的“窗口| 公共库| 按钮”命令,调出按钮库面板。然后展开buttons rounded 文件夹,如图7-62 所示,选择rounded blue、rounded orange 和rounded green 3 个按钮拖入舞台,并依次水平放置。接着利用对齐面板将它们进行水平居中分布对齐,如图7-63 所示,结果如图7-64 所示。

图7-63 设置对齐参数 图7-62 展开buttons rounded 文件夹 图7-64 对齐后效果

3)此时按钮中的文字为默认文字,下面将按钮中的文字更换为所需文字。方法:双击最左侧的按钮,进入按钮元件的编辑模式,然后解锁text 层,利用工具箱中的 (文本工具) 选中文字,如图7-65 所示。接着重新输入文字“新浪”,如图7-66 所示。按钮跳转到相应网站的效果。 图7-65 选中文字 图7-66 输入文字“新浪”

4)此时文字看上去不是很清楚,这是因为文字具有锯齿的原因,下面去除文字中的锯齿。方法:选择文字,然后在属性面板中将“位图文本(未消除锯齿)”更改为“使用设备字体”, 如图7-67 所示,此时字体就显示正常了,结果如图7-68 所示。 图7-67 选择“使用设备字体” 图7-68 正常显示的字体

5)同理将其余两个按钮中的文字替换为“搜狐”和“雅虎”,结果如图7-69 所示。 图7-69 替换按钮中的文字

2. 利用行为面板创建按钮的链接 1)执行菜单中的“窗口| 行为”命令,调出行为面板。然后选择舞台中的“新浪”按钮, 单击行为面板左上方的 (添加行为)按钮,从弹出菜单中选择“Web| 转到Web 页”命令, 如图7-70 所示。接着在弹出的“转到URL”对话框中设置如图7-71 所示,单击“确定”按钮,此时行为面板如图7-72 所示。 图7-70 选择“Web| 转到Web 页”命令 图7-71 设置参数 图7-72 设置后的行为面板

2)同理,选择舞台中“搜狐”按钮,添加“转到Web 页”行为,在弹出的“转到URL”对话框中设置如图7-73 所示,单击“确定”按钮。 图7-73 设置“搜狐”按钮的链接参数 图7-74 设置“雅虎”按钮的链接参数

4)至此,整个网站导航按钮制作完毕。下面执行菜单中的“控制| 测试影片”(快捷键〈Ctrl+Enter〉)命令,打开播放器窗口,即可测试通过单击不同的网站导航。

7.4 课后练习 1. 填空题 1)Flash CS5 的“组件”面板中包含______、______ 和______3 类组件。 2)在“行为”面板中单击 (添加行为)按钮,然后从弹出的下拉列表中“ Web | 转到Web 页”命令后,会弹出“转到URL”对话框“,在该对话框中可以设置______、______、 ______ 和______4 种打开页面的目标窗口的方式。 2. 选择题 1)下列哪些属于在Flash CS5 的“行为”面板中可以添加的行为?( ) A.声音 B.媒体 C. Web D.影片剪辑 2)下列哪些属于在Flash CS5 的“组件”面板中可以添加的组件?( ) A. RadioButton B. ScrollPane C. ComboBox D. CheckBox

3. 问答题 4. 操作题 1)简述导入矢量图形的方法。 2)简述编辑声音的方法。 练习:制作图7-75 所示的声音控制按钮效果。 图7-75  声音控制按钮效果