axure是一個非常實用的原型制作工具,產品經理、產品助理、交互設計師經常用到它,那怎么使用axure實現廣告輪播圖效果呢?
1、創建兩個動態面板,一個用于輪播圖片,命名為【背景圖片】,一個用于圖片中的小圓點,命名為【圓點】
2、然后再對應的【背景圖片】動態圖中添加3個動態,并每個動態設置對應添加圖片,本文以占位符代替
3、然后設置【圓點】動態圖中添加三種圓點動態,效果見下圖
4、這一步最關鍵,對動態面板設置【載入時】動作,先設置等待3000毫秒,再設置面板狀態【背景圖片】 下一步 ->從最后一個到第一個自動跳轉 ->重復每個3000毫秒切換->進入動畫向左滑動用時500毫秒->退出時動畫向左滑動用時500毫秒,再設置面板狀態【圓點】下一步->從最后一個到第一個自動跳轉 ->重復每個3000毫秒切換。點擊確定。
5、好了,到此為止最簡單的axure廣告輪播圖效果到此為止,快點擊F5預覽下效果吧
注意事項:
動作設置為載入時需要設置等待動作,不然一加載的時候就會切換到第二張圖片的。
相關推薦:
axure左右側工具欄消失了該怎么恢復?
axure rp 8.0怎么制作幻燈片效果的網頁原型?
Axure RP 8怎么完成一個登錄界面并鏈接對應功能?
新聞熱點
疑難解答