一般網頁中，有時會添加動畫效果，如淡入、淡出、左移、右移等。利用Axure RP 8 設計出動畫的效果，可以利用按鈕點擊事件控制頁面框框改變寬度和高度達到改變大小的目的，操作如下：

1、雙擊打開Axure RP 8原型設計工具，在元件庫中拖曳一個矩形元件到編輯區域，如下圖所示：

2、改變矩形框坐標、寬度和高度，并添加一個按鈕，按鈕寬度跟框框寬度一致，如下圖所示：

3、修改按鈕上顯示的內容，并預覽該原型頁面，如下圖所示：

4、選中按鈕，添加鼠標單擊時的用例，打開用例編輯窗口，如下圖所示：

5、添加組織動作，設置點擊按鈕后，矩形框寬度和高度發生改變，并添加緩慢退出的動畫，如下圖所示：

6、再次預覽頁面原型，點擊“改變大小”按鈕，這時矩形框寬度和高度變為原來的一半，如下圖所示：

注意事項：

注意按鈕單擊事件

注意改變元件屬性的方法

相關推薦：

axure怎么制作彈出框效果?

axure8中繼器怎么添加數據?

Axure RP Pro 7.0怎么制作Tab標簽效果?