Question

我使用的是最新版本的Adobe Edge。我有一个简单的5图像动画。我希望能够在第5张图像完成动画时执行自定义功能。如何才能做到这一点？我已经尝试将完整的函数调用添加到以下位置（**），但都不起作用。

timelines: {
  "Default Timeline": {
     fromState: "Base State",
     toState: "",
     duration: 5500,
     autoPlay: true,
     **complete:function(){alert('hello world')},**
     timeline: [
        { id: "eid23", tween: [ "style", "${__5}", "opacity", '1', { fromValue: '0.000000'}], position: 3986, duration: 1514,**complete:function(){alert('hello world')}}**,
        { id: "eid18", tween: [ "style", "${__4}", "opacity", '1', { fromValue: '0.000000'}], position: 3000, duration: 1500 },
        { id: "eid4", tween: [ "style", "${__1}", "opacity", '0.000000', { fromValue: '1'}], position: 0, duration: 1500 },
        { id: "eid13", tween: [ "style", "${__3}", "opacity", '1', { fromValue: '0.000000'}], position: 2015, duration: 1485 },
        { id: "eid9", tween: [ "style", "${__2}", "opacity", '1', { fromValue: '0.000000'}], position: 1005, duration: 1495 }         ]
  }
}

提前谢谢。

Answer 1

在_edgeActions.js中添加以下内容：

Symbol.bindTimelineAction(compId, symbolName, "Default Timeline", "complete", function(sym, e) {
     alert('Timeline Complete');
}

或打开代码窗口（Window - ＆gt; Code，或Ctrl + E）。

然后，点击“获取舞台”旁边的“+” - ＆gt;时间表 - ＆gt;完成并在那里添加您的代码。

Adobe Edge：动画完成时添加onComplete处理程序

1 个答案: