FLASH简介

第一节FLASH简介什么是FLASHFlash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。为什么用FLASH大家知道，HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又功能强大的动画设计工具，而Flash的出现正好满足了这种需求。FLASH的特点1.使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。2.通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。3.把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在Flash4.0的版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的‘身材’。4.强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FSCOMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。总之，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。面对这么不可多得的设计工具，你还等什么，赶快加入Flash的行列吧！第二节Flash的工作环境(2)（1）【帮助】面板【帮助】面板可以随时对软件的使用或动作脚本语法进行查询，使用户更好地使用软件的各种功能。如果从未使用过Flash，或者只使用过有限的一部分功能，可以从【如何】选项卡开始学习。面板上的【帮助】选项卡用来显示常规帮助信息，在其右上方有一组快速访问的工具按钮，单击【搜索】按钮，在文本框中输入词条或短语，然后单击【搜索】按钮，包含该词条或短语的主题列表即会显示出来。单击【更新】按钮，可获得新的信息。如果有新的信息提示，确认连接到Internet，可按照说明来下载帮助系统，如图1-2-12所示。图1-2-12【帮助】面板（2）【动作】面板【动作】面板是主要的【开发面板】之一，是动作脚本的编辑器，我们会在后面的动作脚本章节中具体讲解，如图1-2-13所示。图1-2-13【动作】面板（3）【属性】面板【属性】面板可以很容易地访问舞台或时间轴上当前选定项的最常用属性，也可以在面板中更改对象或文档的属性，我们将在后面的章节中具体应用，如图1-2-14所示。图1-2-14【属性】面板7.设计面板打开【窗口】中【设计面板】菜单，在菜单中可以看到所有的“设计面板”，单击面板的名称，就可以打开或关闭相应的面板。默认状态下，打开的“设计面板”分布在舞台右侧的面板组中。“设计面板”包括【对齐】面板、【颜色样本】面板、【混色器】面板、【信息】面板、【场景】面板和【变形】六个面板。（1）【对齐】面板【对齐】面板可以重新调整选定对象的对齐方式和分布。【对齐】面板分为五个区域：【相对于舞台】：按下此按钮后可以调整选定对象相对于舞台尺寸的对齐方式和分布；如果没有按下此按钮则是两个以上对象之间的相互对齐和分布。【对齐】：用于调整选定对象的左对齐、水平中齐、右对齐、上对齐、垂直中齐和底对齐。【分布】：用于调整选定对象的顶部、水平居中和底部分布，以及左侧、垂直居中和右侧分布。【匹配大小】：用于调整选定对象的匹配宽度、匹配高度或匹配宽和高。【间隔】：用于调整选定对象的水平间隔和垂直间隔。如图1-2-15所示。图1-2-15【对齐】面板（2）【颜色样本】面板【颜色样本】面板为我们提供了最为常用的“颜色”，并且能“添加颜色”和“保存颜色”。用鼠标单击的方式可选择需要的常用颜色，如图1-2-16所示。图1-2-16【颜色样本】面板（3）【混色器】面板用【混色器】面板可以创建和编辑“笔触颜色”和“填充颜色”的颜色。默认为RGB模式，显示红、绿和蓝的颜色值，“Alpha值”用来指定颜色的透明度，其范围在0%100%，0%为完全透明，100%为完全不透明。“十六进制编辑文本框”显示的是以“#”开头十六进制模式的颜色代码，可直接输入。可以在面板的“颜色空间”单击鼠标，选择一种颜色，上下拖动右边的“亮度控件”可调整颜色的亮度，如图1-2-17所示。在后面的章节中，我们将会具体应用它。图1-2-17【混色器】面板第三节Flash的工作环境(3)（4）【信息】面板【信息】面板可以查看对象的大小、位置、颜色和鼠标指针的信息。面板分为四个区域：左上方显示对象的【宽】和【高】信息；右上方显示对象的【X】轴和【Y】轴坐标信息，要显示对象注册点（中心点）的坐标，单击“坐标网格”的中心方框，要显示左上角的坐标，单击“坐标网格”中的左上角方框；左下方显示在舞台中鼠标位置处的颜色值与Alpha值得；右下方显示鼠标的【X】轴和【Y】轴坐标信息，如图1-2-19所示。图1-2-19【信息】面板（5）【场景】面板一个动画可以有多个场景组成，【场景】面板中显示了当前动画的场景数量和播放的先后顺序。当动画包含多个场景时，将按照它们在【场景】面板中的先后顺序进行播放，动画中的“帧”是按“场景”顺序连续编号的，例如：如果影片中包含两个场景，每个场景有10帧，则场景2中的帧的编号为11到20。单击【场景】面板下方的三个按钮可以执行“复制”、“添加”和“删除”场景的操作。双击“场景名称”可以重新命名，上下拖动“场景名称”可以调整“场景”的先后顺序，如图1-2-20所示。图1-2-20【场景】面板（6）【变形】面板【变形】面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。【变形】面板分为三个区域：最上面的是缩放区，可以输入“垂直”和“水平”缩放的百分比值，选中【约束】复选框，可以使对象按原来的长宽比例进行缩放；选中【旋转】，可输入旋转角度，使对象旋转；选中【倾斜】，可输入“水平”和“垂直”角度来倾斜对象；单击面板下方的【复制并应用变形】按钮，可执行变形操作并且复制对象的副本；单击【重置】按钮，可恢复上一部的变形操作，如图1-2-21所示。图1-2-21【变形】面板8.开发面板打开【窗口】中【开发面板】菜单，从菜单中可以看到所有的“开发面板”，单击面板的名称可以打开或关闭相应面板。默认状态打开的一些“开发面板”分布在舞台右侧的面板组中。【开发面板】包括【动作】、【组件】、【组件检查器】、【输出】、【调试器】、【行为】和【Web服务】面板。【动作】面板在前面已经介绍过了，下面我们来分别介绍其他六个“开发面板”的功能和使用方法。（1）【组件】面板利用【组件】面板可以查看所有“组件”，并可以在创作过程中将“组件”添加到动画中。“组件”是应用程序的封装构建模块，使设计人员在没有“动作脚本”时也能使用和自定义这些功能。一个“组件”就是一段影片剪辑。所有“组件”都存储在【组件】面板中，包含“数据组件”、“媒体组件”、和“用户界面（UI））组件”，如图1-2-22所示。图1-2-22【组件】面板（2）【组件检查器】面板在【组件】面板中，将“组件”拖动到舞台上，可创建该“组件”的一个实例，选中“组件”实例，可以在【组件检查器】面板中查看“组件”属性、设置“组件”实例的参数等，如图1-2-23所示。图1-2-23【组件检查器】面板（3）【调试器】面板使用【调试器】面板可以发现影片中的错误。执行【控制】|【调试影片】命令，激活【调试器】面板。在测试模式下使用【调试器】面板可以对本地文件进行测试，也可以测试远程位置的Web服务器上的文件。可以在【调试器】面板设置动作脚本中的“断点”，以便产生正确的结果，如图1-2-24所示。图1-2-24【调试器】面板（4）【输出】面板【输出】面板在测试文档模式下，窗口可以自动显示一些提示信息，例如语法错误，有助于排除影片中的错误。如果在脚本中使用“trace”动作，影片运行时，可以向【输出】面板发送特定的“信息”，并在面板中显示出来，这些信息包括影片状态说明或者表达式的值。通过使用“对象列表”和“变量列表”命令，可以显示其它信息，如图1-2-25和1-2-26所示。图1-2-25【输出】面板错误提示图1-2-26【输出】面板输出信息（5）【行为】面板利用【行为】面板，可以无需编写代码即可为动画添加交互性，如链接到Web站点、载入声音和图形、控制嵌入视频的回放、播放影片剪辑以及触发数据源。通过单击面板上的【添加行为】按钮来添加相关的事件和动作，添加完的事件和动作显示在【行为】面板中，如图1-2-27所示。图1-2-27【行为】面板（6）【Web服务】面板通过【Web服务】面板，开发人员可以使用Web服务作为客户机和服务器之间的数据交换机制，使用简单对象访问协议（SOAP）来实现前台与后台程序之间的数据交换。单击【Web服务】面板上的【定义Web服务】按钮，弹出【定义Web服务】对话框，可在此对话框中添加和删除Web服务的URL，如图1-2-28和1-2-29所示。图1-2-28【Web服务】面板图1-2-29【定义Web服务】对话框第二节Flash的工作环境(4)9.其他面板打开【窗口】下的【其他面板】菜单，从菜单中可以查看到所有的其他面板，单击面板名称可以打开相应的面板。“其他面板”包括【辅助功能】、【影片浏览器】、【历史纪录】、【字符串】和【公用库】面板。（1）【辅助功能】面板【辅助功能】面板可为个别Flash对象或整个Flash应用程序设置辅助功能选项。在【舞台】上选择了一个对象，打开【辅助功能】面板，可以设置“使对象可访问”和“使子对象可访问”，并且指定访问对象的“名称”、“描述”、“快捷键”和“Tab键索引”，如图1-2-30所示。图1-2-30【辅助功能】面板（2）【历史纪录】面板【历史记录】面板能跟踪操作，显示自创建或打开某个文档以来，执行的步骤列表。列表中的数目默认情况下为100，可以在Flash的“首选参数”中设置撤消和重做的级别数，使用【历史记录】面板可以一次撤消或重做个别步骤或多个步骤。单击右上角的按钮，在弹出的菜单中选择【保存为命令】，可以将一个步骤或一组步骤保存为可重复使用的“命令”，如图1-2-31所示。图1-2-31【历史记录】面板（3）【影片浏览器】面板利用【影片浏览器】面板可以轻松地查看和组织文档的内容，以及在文档中选择元素进行修改。可以在【影片浏览器】中有选择地查看文档中的项目类别，项目包括“文本”、“按钮、影片剪辑和图形”、“动作脚本”、“视频、声音和位图”和“帧和图层”，包含当前使用的元素的“显示列表”，该列表显示为一个可导航的分层结构树。可以展开和折叠导航树，如图1-2-32所示。图1-2-32【影片浏览器】面板单击【影片浏览器】面板上的最后一个【自定义要显示的项目】按钮，打开【影片管理设置】对话框，在对话框中可以设置需要显示的内容和上下文，如图1-2-33所示。图1-2-33【影片管理器设置】对话框（4）【字符串】面板【字符串】面板提供了简化的多语言文本创作流程。可以实现用一种语言创作FLA文件，以多种语言发布Flash内容。用其它语言输入的任何文本必须位于“动态文本”或“输入文本”字段内。还可以为每种指定的语言创建外部XML文件。首先要单击【字符串】面板上的【设置】按钮，打开【设置】对话框，在对话框中选择要发布的语言，并将其中的一种选为默认语言，确定以后再回到【字符串】面板添加对应语言的文本内容，如图1-2-34和1-2-35所示。图1-2-34【设置】对话框图1-2-35【字符串】面板（5）【公用库】面板关于【库