axure是一個非常實用的原型制作工具,產(chǎn)品經(jīng)理、產(chǎn)品助理、交互設(shè)計師經(jīng)常用到它,那怎么使用axure實現(xiàn)廣告輪播圖效果呢?
1、創(chuàng)建兩個動態(tài)面板,一個用于輪播圖片,命名為【背景圖片】,一個用于圖片中的小圓點,命名為【圓點】
2、然后再對應(yīng)的【背景圖片】動態(tài)圖中添加3個動態(tài),并每個動態(tài)設(shè)置對應(yīng)添加圖片,本文以占位符代替
3、然后設(shè)置【圓點】動態(tài)圖中添加三種圓點動態(tài),效果見下圖
4、這一步最關(guān)鍵,對動態(tài)面板設(shè)置【載入時】動作,先設(shè)置等待3000毫秒,再設(shè)置面板狀態(tài)【背景圖片】 下一步 ->從最后一個到第一個自動跳轉(zhuǎn) ->重復(fù)每個3000毫秒切換->進(jìn)入動畫向左滑動用時500毫秒->退出時動畫向左滑動用時500毫秒,再設(shè)置面板狀態(tài)【圓點】下一步->從最后一個到第一個自動跳轉(zhuǎn) ->重復(fù)每個3000毫秒切換。點擊確定。
5、好了,到此為止最簡單的axure廣告輪播圖效果到此為止,快點擊F5預(yù)覽下效果吧
注意事項:
動作設(shè)置為載入時需要設(shè)置等待動作,不然一加載的時候就會切換到第二張圖片的。
新聞熱點
疑難解答