Adobe Edge Animate1.0 --使用JavaScript添加交互功能
版权声明:
本文版权属于 北京联友天下科技发展有限公司。
转载的时候请注明版权和原文地址。
你可以使用JavaScript对工程添加交互功能,你可以对每一个元素定义动作控制函数,直接使用Edge内置的代码编辑器和代码库片段即可。每一个单独的处理事件都可以通过添加一个动作控制函数实现。
一、定义动作控制函数:
1.如图,在时间线上,点击你想要添加代码的元素左侧按钮,打开代码编辑器。你也可以在元素面板中打开代码编辑器。
2.选择一种事件触发机制。代码编辑器左侧是代码编辑区域,右侧则是代码片段列表,只要点击相应的按钮,就可以自动添加代码段。
3.为处理事件编辑代码段。你既可以使用右侧的代码片段,也可以自己编辑代码,关于代码如何使用,可以查看帮助菜单中的Edge Animate JavaScript API。
二、如何使用代码编辑器:
通过代码编辑器,你可以查看整个工程文件的JavaScript代码。
1.选择菜单Window-->Code可以打开代码编辑器,你也可以使用快捷键Ctrl/Command + E。
2.如上图,打开一个元素的动作控制事件,只需要点击元素左侧的按钮。
3.如果你要对整个JavaScript代码进行编辑,如下图点击代码编辑器右上角的“Full Code”按钮。
三、在时间线上添加标签:
你可以在时间线上添加标签,然后在代码中作为函数参数传递。在Edge中假如一个回调函数需要一个时间点来作为参数,你也可以使用标签名作为参数,因为标签名代表的就是一个时间点。
如何添加标签:
1.将播放头移至确切时间点。
2.点击时间线右上角的插入标签按钮(Insert Label),你也可以使用快捷键Ctrl/Command + L。
3.设置标签的标签名。
这样你就可以在函数中使用标签名作为参数调用某一个时间点或者说,调用某一段动画了。比如:你可以用sym.play("mylabel")代替sym.play(1000)。
四、在时间线上添加触发器:
你可以在时间线上添加触发器,在这个时间点上触发器就会执行相应的代码。
如何添加触发器:
1.将播放头拖动至确切时间点。
2.点击时间线右上角的插入触发器按钮(Insert Trigger)。
你也可以使用快捷键Ctrl/Command + T打开代码面板。
3.添加相应的执行代码。
双击时间线上的某一触发器即可对之进行修改。
原文地址:
http://helpx.adobe.com/content/help/en/edge-animate/using/add-interactivity-javascript.html
本文地址:
翻译/注解:北京联友天下科技发展有限公司 肖伟民