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

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

1、案例效果:

287

2、案例描述:

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

元件準備:

頁面中:

246

動態面板“AreaPanel”中:

460

包含命名:

動態面板(用於內容顯示區域): AreaPanel

3、思路分析:

每個圓形顯示時,都是放大然後隱藏;(操作步驟1)

每個圓形隱藏時,都恢復尺寸並再次顯示;形成不斷交替隱藏顯示的效果;(操作步驟2)

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

4、操作步驟:

1、爲每個圓形的【顯示時】事件添加“用例1”,設置第1個動作爲【設置尺寸】於“當前元件”(This),{寬度}和{高度}均爲“400”,{錨點}選擇【中心】,{動畫}選擇【線性】,{時間}爲“4000”毫秒;設置第2個動作爲【隱藏】 “當前元件”(This),{動畫}選擇【逐漸】,{時間}爲“4500”毫秒;

2、爲每個圓形的【隱藏時】事件添加“用例1”,設置第1個動作爲【設置尺寸】於“當前元件”(This),{寬度}和{高度}均爲“80”,{錨點}選擇【中心】;設置第2個動作爲【顯示】 “當前元件”(This);

事件交互設置:

648

3、爲每個圓形的【載入時】事件添加“用例1”,設置第1個動作爲【等待】一定的時間;因爲三個圓形是依次放大,所以{等待時間}分別設置爲“500”、“2000”和“3500”毫秒;設置第2個動作爲【顯示】 “當前元件”(This)。

事件交互設置:

700

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


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章