axure?

目前各個網站,經常可以看到大轉盤抽獎,本經驗初步講解大轉盤抽獎的前提條件:讓轉盤轉起來

工具/原料

axure7.0

方法/步驟

首先百度一張轉盤圖片,將改圖片引入至axure中

axure 動態面板實現圖片旋轉(轉盤抽獎)

將該轉盤轉為動態面板

axure 動態面板實現圖片旋轉(轉盤抽獎)

將該動態面板分為12個狀態,每個狀態中都有這個圖片,但是,要將該圖片旋轉30度,如狀態一,不轉,狀態二,轉30度,狀態三,轉60度,以此類推直到裝填十二,轉330度;

axure 動態面板實現圖片旋轉(轉盤抽獎)

圖片部分已經做完了,現在要新增兩個按鈕,一個是轉,一個是停,轉的時候就是開始讓上面的動態面板不斷迴圈切換狀態,變換間隔時間可以自己選擇,越快看起來就越連貫,但太快就看不清,當面板狀態很多時,時間間隔可稍長,面板狀態少時,就需要快些,具體情況自行除錯吧,我用的是50毫秒,停這個事件就是點選時讓面板狀態停止變動,就固定下來了。

axure 動態面板實現圖片旋轉(轉盤抽獎)

axure 動態面板實現圖片旋轉(轉盤抽獎)

以上轉盤就完成了,已經可以轉起來了,最終大轉盤的完成,僅需要新增一個指標即可!

axure 動態面板實現圖片旋轉(轉盤抽獎)

注意事項

axure8中似乎有了旋轉的動態方法,已經不用像7中這樣麻煩了

面板, 圖片, 大轉盤, 動態, 轉盤,
相關問題答案