Axure RP 9 Mac這款原型設計軟件能讓設計者快速創建應用軟件,或者在web網站的線框圖、流程圖、原型和規格的設計製作,從低到高的視覺和交互保真度的全方位構建,是目前業界首屈一指的交互式產品原型設計軟件!此次小編就帶大家來看看Axure RP如何做滑塊的水平拖動效果。
1、案例效果:
2、案例描述:
頁面打開後,呈現循環不停的漣漪效果,即多個圓形重複逐漸放大並消失的過程。
元件準備:
頁面中:
動態面板“AreaPanel”中:
包含命名:
動態面板(用於內容顯示區域): AreaPanel
3、思路分析:
每個圓形顯示時,都是放大然後隱藏;(操作步驟1)
每個圓形隱藏時,都恢復尺寸並再次顯示;形成不斷交替隱藏顯示的效果;(操作步驟2)
頁面打開時,依次間隔一段時間顯示圓形。
4、操作步驟:
1、爲每個圓形的【顯示時】事件添加“用例1”,設置第1個動作爲【設置尺寸】於“當前元件”(This),{寬度}和{高度}均爲“400”,{錨點}選擇【中心】,{動畫}選擇【線性】,{時間}爲“4000”毫秒;設置第2個動作爲【隱藏】 “當前元件”(This),{動畫}選擇【逐漸】,{時間}爲“4500”毫秒;
2、爲每個圓形的【隱藏時】事件添加“用例1”,設置第1個動作爲【設置尺寸】於“當前元件”(This),{寬度}和{高度}均爲“80”,{錨點}選擇【中心】;設置第2個動作爲【顯示】 “當前元件”(This);
事件交互設置:
3、爲每個圓形的【載入時】事件添加“用例1”,設置第1個動作爲【等待】一定的時間;因爲三個圓形是依次放大,所以{等待時間}分別設置爲“500”、“2000”和“3500”毫秒;設置第2個動作爲【顯示】 “當前元件”(This)。
事件交互設置:
以上就是小編爲大家帶來的Axure RP實例教程:中心點逐漸放大效果。還有更多詳細、實用的功能以及相關軟件Axure RP 9Mac版獲取,大家快來Macdown.com自行探索一番吧。