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
本文地址:
翻譯/注解:北京聯友天下科技發展有限公司 肖偉民