[原創]Adobe Edge Animate1.0 --創建按鈕及簡單功能實現
版權聲明:
本文版權屬於 北京聯友天下科技發展有限公司。
轉載的時候請注明版權和原文地址。
以下為大家講解如何使用Edge制作一個簡單的按鈕動畫，使用到的方法：
--Edge動畫編輯
--簡單的按鈕制作
--對按鈕添加Javascript控制代碼
一、制作按鈕：
1.使用Edge的圓角長方形（RoundRectangle）制作一個按鈕圖形
2.接下來添加文字
3.選中長方形和文字，將他們轉換為元件
4.將元件的鼠標手勢修改為小手，這樣當我們的鼠標移動到元件上方的時候鼠標指針變為小手，提示我們這是個按鈕。
5.接下來我們為按鈕添加代碼，比如說，當我們鼠標移到按鈕上方，我們希望按鈕文字發生改變。首先點擊添加代碼；
選擇mouseover函數；
點擊右側GetSymbol函數，並添加自己的功能代碼：
6.接下來讓鼠標離開的時候文字恢復為原來的：
點擊加號添加mouseout函數
添加功能代碼：
這時按Ctrl/Command + 回車鍵，可以在瀏覽器中預覽效果，可以看到效果正如我們想象的一樣。
二、制作動畫：
既然這是一個按鈕，那么我們就要讓它實現按鈕功能，比如點擊按鈕開始播放動畫，下面我們首先制作一個簡單的動畫。
1.添加文字
我們為它添加一段Scale動畫，分別添加Scale x和Scale y的關鍵幀
在0秒處都為為0%，在2秒處都為100%，將Easing改為Ease out-->Elastic；
三、添加按鈕功能：
接下來我們添加功能，點擊按鈕的時候開始播放動畫。
1.先讓動畫不要播放，在時間線上0秒處，添加Trigger；
讓動畫不要播放，添加如下代碼；
2.為按鈕添加播放功能：點擊添加動作控制程序，添加click事件；
添加代碼；
這樣按鈕就制作完成了，我們可以在瀏覽器中預覽效果。
本文地址：
http://www.cnblogs.com/adobeedge/archive/2012/11/27/Adobe_Edge_Animate_Button.html
作者：北京聯友天下科技發展有限公司 肖偉民