Axure RP實例教程：中心點逐漸放大效果

Axure RP 9 Mac這款原型設計軟件能讓設計者快速建立應用軟件，或者在web網站的線框圖、流程圖、原型和規格的設計製做，從低到高的視覺和交互保真度的全方位構建，是目前業界數一數二的交互式產品原型設計軟件！這次小編就帶你們來看看Axure RP如何作滑塊的水平拖動效果。

一、案例效果：

二、案例描述：

頁面打開後，呈現循環不停的漣漪效果，即多個圓形重複逐漸放大並消失的過程。

元件準備：

頁面中：

動態面板「AreaPanel」中：

包含命名：

動態面板（用於內容顯示區域）： AreaPanel

三、思路分析：

每一個圓形顯示時，都是放大而後隱藏；（操做步驟1）

每一個圓形隱藏時，都恢復尺寸並再次顯示；造成不斷交替隱藏顯示的效果；（操做步驟2）

頁面打開時，依次間隔一段時間顯示圓形。

四、操做步驟：

一、爲每一個圓形的【顯示時】事件添加「用例1」，設置第1個動做爲【設置尺寸】於「當前元件」（This），{寬度}和{高度}均爲「400」，{錨點}選擇【中心】，{動畫}選擇【線性】，{時間}爲「4000」毫秒；設置第2個動做爲【隱藏】 「當前元件」（This），{動畫}選擇【逐漸】，{時間}爲「4500」毫秒；

二、爲每一個圓形的【隱藏時】事件添加「用例1」，設置第1個動做爲【設置尺寸】於「當前元件」（This），{寬度}和{高度}均爲「80」，{錨點}選擇【中心】；設置第2個動做爲【顯示】 「當前元件」（This）；

事件交互設置：

三、爲每一個圓形的【載入時】事件添加「用例1」，設置第1個動做爲【等待】必定的時間；由於三個圓形是依次放大，因此{等待時間}分別設置爲「500」、「2000」和「3500」毫秒；設置第2個動做爲【顯示】 「當前元件」（This）。

事件交互設置：

以上就是小編爲你們帶來的Axure RP實例教程：中心點逐漸放大效果。還有更多詳細、實用的功能以及相關軟件Axure RP 9Mac版獲取，你們快來Macdown.com自行探索一番吧。