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

Question

我正在使用最新版本的 Adob​​e Edge。我有一个简单的 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');
}

或 打开代码窗口（窗口 -> 代码，或 Ctrl +E）。

然后，单击“+”旁边的“阶段”-> 时间线-> 完成并在那里添加您的代码。