AS3预加载SWF实例源码资源-CSDN文库

共17个文件

as：2个

js：2个

swf：2个

5星 · 超过95%的资源需积分: 32 59 浏览量 2013-09-11 16:11:46 上传评论 1 收藏 28KB ZIP 举报

AS3预加载SWF实例源码是用于解决Flash应用程序或动画在加载时可能出现的延迟问题。在大型项目中，SWF文件可能包含大量的图形、音频和视频资源，这些资源的加载时间可能会很长，影响用户体验。预加载（preloading）机制就是在主内容加载前先加载一个小的、快速显示的组件，这个组件可以显示加载进度，让用户知道应用正在努力启动。本实例源码主要讲解如何使用AS3（ActionScript 3.0）和Flash Professional来创建预加载程序。在AS3中，预加载通常涉及到以下几个关键知识点： 1. **事件监听器**：AS3中的事件驱动模型是预加载的核心。你需要监听`Event.ENTER_FRAME`和`ProgressEvent.PROGRESS`事件来跟踪加载进度。`ENTER_FRAME`事件在每一帧都被触发，而`PROGRESS`事件则在加载过程中定期更新。 2. **Loader类**：`flash.display.Loader`是负责加载SWF、图片、XML等资源的关键类。通过创建一个Loader对象，然后调用它的`load()`方法，你可以指定要加载的URL或FileReference。 3. **内容大小估计**：为了显示加载进度，你需要知道要加载的内容的总大小。这可以通过Loader对象的`contentLoaderInfo`属性获取，其中的`bytesTotal`属性表示总字节数。 4. **进度条更新**：根据`bytesLoaded`和`bytesTotal`计算加载进度，并更新预加载界面的UI元素，如进度条。例如，进度条的宽度可以设置为`bytesLoaded / bytesTotal * 进度条最大宽度`。 5. **状态管理**：预加载过程通常包括几个阶段，如加载、解压和初始化。使用不同的状态变量（如`LOADING`, `UNCOMPRESSING`, `INITIALIZING`）来管理这些阶段，并相应地更新预加载界面。 6. **完成处理**：当所有资源加载完成后，你需要触发一个“加载完成”事件，此时可以隐藏预加载界面，显示主应用程序内容。可以监听`Event.COMPLETE`事件来实现这一目标。在提供的源码中，`McLoading.as`和`Preloading.as`可能是两个关键的AS3类文件。`McLoading.as`可能定义了一个MovieClip类，用于展示预加载动画或进度条。`Preloading.as`则可能是预加载逻辑的主要实现，它创建Loader对象，设置事件监听器，并管理预加载过程。 `.actionScriptProperties`和`.project`文件是Flash Professional的项目配置文件，它们记录了项目的一些元数据和编译设置。`.DS_Store`是Mac OS系统的一个隐藏文件，不包含任何源代码信息。`Preloading.fla`是Flash Professional的工作文件，包含了舞台上的所有元素和动作脚本。`.settings`目录可能包含了一些特定编辑器或IDE的配置。`html-template`可能是用来生成HTML页面的模板，用于在网页中嵌入SWF内容。 AS3预加载SWF实例源码提供了一个实践性的教程，帮助开发者理解如何有效地管理大文件的加载过程，提升用户交互体验。通过学习和研究这些源码，你可以掌握预加载的原理和实现技巧，从而应用于自己的Flash项目中。

资源推荐

资源详情

资源评论

收起资源包目录

Preloading.zip （17个子文件）

.project 471B

.DS_Store 6KB

.actionScriptProperties 1KB

McLoading.as 675B

Preloading.as 441B

Preloading.fla 5KB

.settings

com.adobe.flexbuilder.flashbridge.prefs 171B

Preloading_publishProfile.xml 8KB

openInBuilder 0B

org.eclipse.core.resources.prefs 91B

html-template

history

history.css 365B

historyFrame.html 798B

history.js 24KB

index.template.html 6KB

playerProductInstall.swf 657B

swfobject.js 25KB

Preloading.swf 833B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">  <head> <title>${title}</title> <meta name="google" value="notranslate" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <style type="text/css" media="screen"> html, body { height:100%; } body { margin:0; padding:0; overflow:auto; text-align:center; background-color: ${bgcolor}; } object:focus { outline:none; } #flashContent { display:none; } </style>   <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. var swfVersionStr = "${version_major}.${version_minor}.${version_revision}"; // To use express install, set to playerProductInstall.swf, otherwise the empty string. var xiSwfUrlStr = "${expressInstallSwf}"; var flashvars = {}; var params = {}; params.quality = "high"; params.bgcolor = "${bgcolor}"; params.allowscriptaccess = "sameDomain"; params.allowfullscreen = "true"; var attributes = {}; attributes.id = "${application}"; attributes.name = "${application}"; attributes.align = "middle"; swfobject.embedSWF( "${swf}.swf", "flashContent", "${width}", "${height}", swfVersionStr, xiSwfUrlStr, flashvars, params, attributes); // JavaScript enabled so display the flashContent div in case it is not replaced with a swf object. swfobject.createCSS("#flashContent", "display:block;text-align:left;"); </script> </head> <body>  <div id="flashContent"> <p> To view this page ensure that Adobe Flash Player version ${version_major}.${version_minor}.${version_revision} or greater is installed. </p> <script type="text/javascript"> var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); </script> </div> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="${width}" height="${height}" id="${application}"> <param name="movie" value="${swf}.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="${bgcolor}" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" />  <object type="application/x-shockwave-flash" data="${swf}.swf" width="${width}" height="${height}"> <param name="quality" value="high" /> <param name="bgcolor" value="${bgcolor}" /> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="true" />   <p> Either scripts and active content are not permitted to run or Adobe Flash Player version ${version_major}.${version_minor}.${version_revision} or greater is not installed. </p>  <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" /> </a>  </object>  </object> </noscript> </body> </html>

评论收藏

内容反馈