Adob​​e Edge：動畫結束時添加onComplete處理程序

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'); 
} 

或打開代碼窗口（窗口 - >代碼，或Ctrl + E）。

然後，點擊「+」旁邊的獲取舞臺 - >時間軸 - >完成並在那裏添加你的代碼。