《Flash设计与开发.ppt》由会员分享，可在线阅读，更多相关《Flash设计与开发.ppt（58页珍藏版）》请在三一办公上搜索。
1、第七章 Flash与外部联系,7.1 外部数据源的连接7.2 发布和导出电影,教学提示,本章主要介绍了Flash与外部联系，包括发送变量到远程数据或从远程数据源载入变量,发送消息到外部环境或接收外部环境的消息，影片发布设置，发布预览，导出影片和图像。,通过本章的学习，读者可以掌握Flash影片和外部文件之间数据传递，以及影片发布前的设置、预览、导出影片和图像的方法。,教学要求,7.1.1 发送变量到远程数据或从远程数据源载入变量 Flash MX提供了LoadVars 类，用于在 Flash 应用程序和服务器之间传输变量。可以使用 LoadVars 类在下载时获取成功数据加载、进度指示和流数据
2、的验证信息。LoadVars 类的工作原理非常类似于XML类。LoadVars 类应用HTTP通讯方式，基本的通讯模式是请求响应。其通讯原理如图7-1所示。,7.1 外部数据源的连接,客户端 服务器 数据库服务器,图7-1 Flash应用程序与数据库的通讯原理图,Flash应用程序,ASP脚本,数据库,请求 请求,响应 响应,1.LoadVars 类的主要方法 LoadVars.load()：从指定的 URL 下载变量。LoadVars.send()：将变量从 LoadVars 对象发布到 URL。LoadVars.sendAndLoad()：将变量从 LoadVars 对象发布到 URL，并
3、将服务器的响应下载到目标对象。2.LoadVars 类的主要属性 LoadVars.contentType：指示数据的 MIME 类型。,LoadVars.loaded：指示 load 或 sendAndLoad 操作是否已完成的布尔值。LoadVars.onData:当数据从服务器上完全下载时，或者当从服务器下载数据的过程中出现错误时调用。LoadVars.onLoad:当完成 load 或 sendAndLoad 操作时调用。,3.应用实例 本实例是一个简单的留言板，在Flash动画中将表单信息（用户的姓名，邮箱及反馈意见）提交给服务器端数据库进行保存。整个程序由三部分组成:数据库部分,F
4、lash部分和服务器端ASP代码。,Flash影片与播放Flash影片的环境（Flash播放器或Web浏览器）之间可以互传消息。向Flash播放器或Web浏览器传递消息可以使用fscommand动作；从Web浏览器的脚本中控制Flash影片需要使用到Flash播放器提供的一些方法,利用这些方法可以从外部环境向Flash影片发送消息并控制动画的播放。,发送消息到外部环境或接收外部环境的消息,1.使用fscommand向单独运行中的Flash播放器发送消息,fscommand动作的语法为：fscommand(command,arguments)参数：command：一个传递给宿主应用程序用于任何用
5、途的字符串；或者一个传递给 Flash 播放器的命令。Arguments：一个传递给宿主应用程序用于任何用途的字符串；或者一个传递给 Flash 播放器的值。当使用fscommand向单独运行中的Flash播放器发送消息时，fscommand动作的两个参数必须是些特定的值。如表7-2所示。,表7-2 fscommand动作在单独运行的Flash播放器中可以使用的参数,2 Flash影片与Web浏览器的交互,Flash影片与Web浏览器中的HTML页面进行交互有三种方式，如图7-3所示。在Flash动画中，直接使用getURL动作加载页面。Flash通过脚本（如：JavaScript），实现到网
6、页的通信 在HTML页面中，通过脚本（如：JavaScript），实现到 Flash的通信。,图7-3 Flash与网页交互方式,7.2 发布和导出电影,7.2.1 发布文件,当我们把影片优化和测试完毕后，确定动画没有错误，就可以发布电影文件了。Flash 可以将当前动画文件发布成以下四种格式：网页上播放的扩展名为.swf的文件。发布为HTML文件。发布为图像格式。如GIF、JPEG、PNG。发布成可以单独播放的影片。如EXE、HQX、MOV。【发布设置】对话框如图7-4。,图7-4【发布设置】选项卡,1Flash发布设置,当我们在【发布设置】控制面板的【格式】选项卡下【类型】中选择【Flas
7、h(.swf)】后，在控制面板中将显示【Flash】选项卡。单击此选项卡，将显示如图7-5所示的对话框。,图7-5【Flash】选项卡,版本：中可以选择Flash播放器的版本。如果使用低版本格式发布高版本的动画，可能无法正确显示。加载顺序：决定动画下载的顺序。由下而上：先载入动画中最下面图层信息，再逐渐截入上面的图层中的信息。由上而下：先载入动画中最上面图层信息，再逐渐截入下面的图层中的信息。,选项：生成大小报告：选中此项后，将随电影文件发布一个关于电影大小的文本指南，其中包含各帧的字节数、字体字节数、位图字节数和元件字节数等信息。防止导入：选中此项后，发布的电影文件将无法再用FLASH程序进
8、行编辑。如果选择该选项，可以选择用密码保护用户的FLASH影片。省略跟踪动作：选中此项后，可以省略电影中动画运动的路径。允许调式：决定是否允许动画进行发布前的调整。如果选择该选项，可以选择用密码保护用户的FLASH影片。压缩影片：选中此项后，会降低电影的播放质量。,密码：可以在此选项的文本输入框中为电影设置密码。JPEG品质：图像品质越低，生成的文件就越小，图像品质越高，生成的文件就越大。在位图质量允许的情况下尽量使文件的容量缩小。音频流和音频事件：在如图7-6中的【声音设置】对话框中可以对声音设置频率、质量和声道等。覆盖声音设置：选中此选项后，在输出动画时可以忽略片中声音的设置。,图7-6
9、声音设置,2 HTML发布设置,我们要想在浏览器上看到FLASH动画，就必须创建含有动画的HTML文件，并设置浏览器的属性。可以在【发布设置】对话框的HTML面板中更改模板、影片大小等属性。,图7-7【HTML】选项卡,模板：选择合适的播放器。尺寸：匹配影片：该选项是默认设置。将衫动画的实际大小。像素：可以使用像素为单位设置动画播放时的尺寸。百分比：允许设置动画对于浏览器窗口的尺寸大小。,播放：开始时暂停：影片传输结束后在开始的位置停止。只有单击动画中的播放按钮或从快捷菜单中选择“播放”后才开始播放。显示菜单：在动画播放的窗口中单击鼠标右键，可以显示一个快捷菜单。默认情况下，此选项处于选择状态
10、。循环：影片重复播放。设备字体：替换动画文件中的保护字体，使用系统字体。,品质：低：主要考虑播放速度，基本不考虑外观和不使用消除锯齿功能。自动降低：自动调低影片的质量。自动升高：自动调高影片的质量。高：高品质。是系统默认设置。最佳：最佳的影片品质，所有的输出都进行了消除锯齿功能处理，而且始终对位图进行光滑处理。,窗口模式：窗口：在网页的指定范围内播放影片，通常会得到较好的效果。不透明窗口：在浏览器中以完全不透明模式播放动画。透明窗口：在浏览器中以完全透明模式播放动画 HTML对齐：可以选择动画文件在浏览器窗口中的位置。默认：在窗口的中间位置。左：在窗口的左边对齐。右：在窗口的右边对齐。,顶部：
11、在窗口的顶部对齐。底部：在窗口的底部对齐。缩放：在播放区域与动画作品的播放尺寸不一样时，画面的调整方式。默认：在窗口中完全显示，并保持原来的宽高比例。无边框：使用原始尺寸播放，并舍弃超过页面外的部分影片。精确匹配：在指定区域显示整个影片，它不保持影片的原始宽高比，这可能导致影片发生扭曲。无缩放：保持影片原来的宽高比例。,Flash对齐：选择影片在窗口中的对齐情况。水平对齐有左、中间、右；垂直对齐有顶部、中间、底部对齐。如果选中控制面板下方的【显示警告信息】的话，当影片设置有问题时，会自动显示警告框。,3 GIF发布设置,图7-8【GIF】选项卡,尺寸：当取消选择此对话框的【匹配影片】时，可以设
12、置GIF位图的尺寸大小。回放：静止：导出的图像将是一个静态的图像。动画：导出的图像将是动态的图像。当选择动画以后,可以将动画设置为连续播放或设定动画重复播放的次数。,选项：用来指定GIF导出的外观设置范围。优化颜色：从GIF文件的颜色表中删除所有不使用的颜色。这样会使文件容量变小，而且不影响图像品质。抖动实底：用于抖动纯色和渐变色。交错：使导出的GIF文件下载时在浏览器中逐步显示，这样可以在网络中以较快的速度下载。删除渐变色：在默认情况下是关闭的，该选项使用渐变色中的第一种颜色将影片中的所有渐变填充为纯色。平滑：消除导出位图的锯齿，从面生成高品质的位图图像。,透明：确定影片背景的透明度以及将A
13、lpha设置转换为GIF的方式。不透明：背景成为不透明。透明：背景成为透明。Alpha：设置局部透明度。可以输入0到255之间的阈值。值越低，透明度越高。反之亦然。拌动：指定可用颜色的像素如何混合以模拟当前调色板中不可用的颜色。无：关闭抖动功能。有序：提供高质量的抖动，同时文件大小的增长幅度也最小。,扩散：提供最好的抖动品质，它生成的文件较大，处理时间也比较长。调色板类型：用于选择图像的调色板类型。Web 216色：使用标准的216色浏览器安全调色板来创建GIF图像。最适：为选定的GIF创建一个惟一的颜色表。接近 Web最适色：将非常接近的颜色转换为Web 216色调色板。自定：可指定已为选定
14、图像优化的调色板。如果选择了“最适”或“接近 Web最适色”，就可以设置GIF图像中使用的颜色数了。,4 JPEG发布设置,利用JPEG格式可以将图像输出为高压缩比的24位位图。JPEG更适合于输出含有大量渐变色和位图的图像。,图7-9【JPEG】选项卡,尺寸：选中【匹配影片】时JPEG位图和影片大小相同并保持原始宽高比。未选中时可以在文本框中输入位图图像的大小。品质：可以拖动滑块或输入值来控制所使用的JPEG文件压缩量，图像品质越低，生成的文件就越小，反之亦然。渐进：可在Web浏览器中逐步显示JPEG图像，此选项类似于GIF和PNG图像中的交错。,5 PNG发布设置,唯一支持透明度的跨平台位
15、图格式。PNG格式是Fireworks的默认文件格式。,图7-10【PNG】选项卡,尺寸：选中【匹配影片】时PNG位图和影片大小相同并保持原始宽高比。未选中时可以在文本框中输入位图图像的大小(像素)。位深度：用来设置创建图像时使用的第个像素的位数和颜色数。8位-256种颜色的图像。24位-数千种颜色的图像。24位Alpha-数千种颜色并透明度的图像。,选项：指定PNG的外观设置。优化颜色：从PNG文件的颜色表中删除所有未使用的颜色。抖动实底：用于抖动纯色和渐变色。交错：在浏览器中逐步下载PNG文件。删除渐变色：默认情况下是关闭的。该选项使用渐变色中的第一种颜色将影片中的所有渐变填充换为纯色。平
16、滑：消除导出位图的锯齿。,抖动：如果在“位深度”选项中选择了8位，则要选择“抖动”来指定可用颜色的像素如何通过混合来模拟当前调色板中没有的颜色。无：关闭抖动。有序：可以提供高质量的抖动。扩散：提供最好的抖动品质。它只能在选定了“Web216色”调色板时才起作用。,调色板类型:定义图像的调色板。Web216色：使用浏览器安全调色板来创建PNG图像。最适：分析图像中的颜色，并为选定的PNG创建唯一的颜色表。接近Web最适色：此选项与“最适”调色板选项相同，只是它将非常接近的颜色转换为Web216色调色板中的颜色。自定：当位深度为8位时，可以选择此项。要选择一个自定义调色板，单击该对话框底部“调色板
17、”框右边的省略号按钮，然后选择一个调色板文件。,最多颜色：如果在“调色板类型”中选择了“最适”或“接近Web最适色”，就可以在“最多颜色”的值来设置PNG图像中使用的颜色数量。过滤器选项：选择一种逐行过滤方法使PNG文件的压缩性更好。无：关闭过滤功能。下：转换每个字节和前一像素相应字节的值之间的差。上：转换每个字节和它上面相邻像素的相应字节的值之间的差。平均：使用相邻像素的平均值来预测该像素的值。,线性函数：计算三个相邻像素的简单线性函数，然后选择最接近计算值的相邻像素作为预测值。最适：分析图像中的颜色，并为选定的PNG文件创建一个唯一的颜色表。,6 Windows放映文件,如果把swf文件转
18、换为exe文件，即使没有安装FLASH播放程序，也可以观看影片。,7 Macintosh放映文件,发布一个在Macintosh系统中不用播放器可以直接执行的播放影片。,8 QuickTime发布设置,Apple公司的QuickTime电影文件是数字媒体领域的工业标准。QuickTime文件扩展名通常是mov。在Macintosh平台上，文件类型是Moov。QuickTime电影文件格式定义了存储数字媒体内容的标准方法，使用这种文件格式不仅可以存储单个的媒体内容（如视频帧或音频采样），而且能保存对该媒体作品的完整描述。QuickTime电影文件能够保留Flash动画中的声音以及大多数的交互性的内
19、容，而且所占空间不大。,图7-11【QuickTime】选项卡,尺寸：和以上介绍的相同。Alpha：可以选择影片的透明模式。图层：指定影片在QuickTime中的位置。自动：自动放置Flash动画层。顶部：将Flash动画层放置在视频作品的最上面。底部：将Flash动画层放置在视频作品的最下面。声音流：将Flash电影中的声音导入到QuickTime中，并可以重新设置声音质量。,控制栏：选择播放电影的播放器类型。回放：选择影片播放方式。循环：循环播放影片。开始时暂停：当影片载入之后停止在影片的第一帧。播放每帧：播放影片的每一帧。文件：选中该项，则在输出作品时将外部导入的对象单独以文件形式放置到
20、目标视频文件中。,7.2.2 发布预览,可以选择【文件】菜单下的【发布预览】命令,然后从子菜单中选择要预览的文件格式即可，通过使用当前的【发布设置】值，Flash会在与Flash文件相同的位置创建一个指定类型的文件。如果用户按装了QuickTime Movie Player以后可以预览QuickTime影片。,7.2.3 导出电影和图片,根据不同需要可以把Flash动画输出成动画影片或图形文件。1 导出影片 选择【文件】菜单下的【导出影片】，将打开如下图7-12对话框。,图7-12【导出影片】对话框,在【保存在】列表中选择影片文件保存的位置。在【文件名】中为输出的影片文件命名。在【保存类型】中选择输出影片的格式。,2 导出图像,如果想保存影片中某一帧图像，可以先选中此图像所在帧的位置，然后选择【文件】菜单下的【导出图像】命令，这样会弹出如图7-13对话框。在对话框中可以按自己的需要选择保存位置、文件名和保存类型。,图7-13【导出图像】对话框,本章小结,本章主要介绍了Flash影片与外部数据源的连接和Flash影片的发布设置方法。希望读者掌握要领，在实践中使自己的作品趋于完美。,
