AdobeEdgeAnimate15JavaScriptAPI中文手册.docVIP

目录 Edge运行时 2 HTML页面 2 JavaScript文件 2 直接使用元素 4 触发器，事件，和动作 4 触发器 4 事件 5 页面级别的DOM事件 5 合成级别的DOM事件 5 元素DOM事件 6 元素触摸事件 6 jQuery事件 7 在元素事件上阻止默认的行为 7 时间线事件 8 元件事件 8 动作 8 元件 9 Edge动画元件 9 元件闭包 9 从主舞台访问一个元件的时间线 10 从内部的其它元件访问一个元件的时间线 11 从主舞台访问一个嵌套的元件时间线 11 从另一个元件访问一个嵌套元件的时间线 12 使用元件的元素 12 获取元件的子对象 13 获取元件的父对象 14 动态创建元件 14 JavaScript API 15 扩展的元件和合成 15 bindElementAction 16 bindTriggerAction 17 bindTimelineAction 18 bindSymbolAction 19 合成实例函数 21 getStage 21 getSymbols 22 createSymbolChild 23 Advanced topics 38 页面中有多个合成 39 位置?div?元素 40 在不同的合成中调用Edge Animate APIs 40 使用bootstrapCallback函数来管理多个合成 40 调整预加载器 43 Edge运行时 Edge Animate动画依赖于Edge的时间线和元件、JavaScript库。该文档与这些库中的1.5.0版本相对应。 ? HTML页面 Edge动画在HTML页面中插入一个独立的JavaScript标签，这会让构成的动画合成在浏览器中渐进式下载。 注意：当调试时（尤其是在Chrome或者Safari浏览器中），为了看到你合成中使用的所有文件，可能需要刷新浏览器。 !--Adobe Edge Runtime-- script?type=text/javascript?charset=utf-8?src=project-name_edgePreload.js /script style .edgeLoad-EDGE-1689000495?{?visibility:hidden;?}??? /style !--Adobe Edge Runtime End-- 重要：为了能在Edge动画中使用这些文件，你必须保持这些注释的完整性。 JavaScript文件 project-name_edgePreload.js 这个project-name_edgePreload.js导入运行合成时所需的其它文件，但是不会阻止页面的加载。不要直接编辑该文件。 project-name_edge.js 这个project-name_edge.js文件包含了JSON格式的元件定义（图形和时间线）。Edge动画在你每次使用应用程序保存合成时会覆盖这个文件。建议只有在理解了JavaScript语言的前提下编辑这个文件，因为任何Edge动画不理解的任何信息将会丢失。 project-name_edgeActions.js Edge动画使用匿名函数来提供封装和结束变量的范围。整个的project-name_edgeActions.js文件包含在一个单独的匿名函数范围之内。这提供了一个你可以定义合成范围内变量或者函数的地方。确保使用var定义变量和在本地范围内语法来定义函数。 DO var?myVar?=?This is scoped and should not conflict with other code.; AVOID myVar?=?this is global and might conflict with other code in the page; ? DO function?handleClick()?{ alert(This is scoped properly and should not conflict with other code.); AVOID window.handleClick=function()?{ alert(This might conflict with other code in the page.); ?? 直接使用元素 通常需要访问底层的HTML元素。这在处理一个click事件时尤其有用。例如，访问一个底层元素名为TextOne的代码为?sym.$(TextOne); 通过使用sym.$(#myId);可以访问导入的HTML内容，并指向元素的ID或者class。你也可以使用这种方法指向Edge动画合成外的DOM元素。例如，sym.$(footer); 触发器，事件，和动作 触发器 在Adobe Ed