目前各個網站,經常可以看到大轉盤抽獎,本經驗初步講解大轉盤抽獎的前提條件:讓轉盤轉起來。
1、首先百度一張轉盤圖片,將改圖片引入至axure中
2、將該轉盤轉為動態面板
3、將該動態面板分為12個狀態,每個狀態中都有這個圖片,但是,要將該圖片旋轉30度,如狀態一,不轉,狀態二,轉30度,狀態三,轉60度,以此類推直到裝填十二,轉330度;
4、圖片部分已經做完了,現在要添加兩個按鈕,一個是轉,一個是停,轉的時候就是開始讓上面的動態面板不斷循環切換狀態,變換間隔時間可以自己選擇,越快看起來就越連貫,但太快就看不清,當面板狀態很多時,時間間隔可稍長,面板狀態少時,就需要快些,具體情況自行調試吧,我用的是50毫秒,停這個事件就是點擊時讓面板狀態停止變動,就固定下來了。
5、以上轉盤就完成了,已經可以轉起來了,最終大轉盤的完成,僅需要添加一個指針即可!
相關推薦:
axure動態面板怎么設置顯示與隱藏?
axure動態面板怎么用? Axure動態面板制作頁面彈出層的教程
axure拖動動態面板怎么設計? axure給動態面板添加拖動條的兩種方法
新聞熱點
疑難解答
圖片精選