中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

大轉盤活動在各種抽獎的活動場景中出現，游戲活動簡單直觀。

在axure8中，我們欣喜地看到提供了一些非常實現的動作，如旋轉、設置大小、設置透明度等。

今天我們詳細介紹一下旋轉功能的應用，直接上在線效果圖，先體驗一下：

點擊這里：幸運大轉盤

大轉盤活動常見于手機端活動，如APP客戶端或者觸屏版頁面，因玩法簡單，很受一些商家的歡迎。特別是在節假日，春節、元旦、情人節等等這些重要的節日，各種轉盤活動層出不窮，商家也是變著花樣來玩大轉盤?，F在一些線下的商超都會經常在門戶搞一些這樣的大轉盤活動。

功能說明：

1. 可以選擇是轉盤旋轉還是指針旋轉
2. 轉盤旋轉時，指針復位；指針旋轉時，轉盤復位
3. 旋轉效果：先慢后快，最后再慢下來

一、素材準備

在網上找一張大轉盤的圖片（可以到花瓣網上找一找，類似圖片很多），然后使用PS將圖片分解成三個部分如下（這里就不說PS如何處理了），注意后面兩個圖片要保存PNG格式，帶有透明部分背景的：

二、導入圖片到axure中

將三張圖片分別拖入設計區域，按順序排好，注意三個位置的，排列好的效果如下：

為了能表現兩種大轉盤的轉法，添加了兩個單選框，分別以轉盤轉動，以及指針旋轉的方式。

三、添加事件處理

給中間的抽獎按鈕添加事件處理，因為有兩種旋轉方式，因此，需要在事件處理里添加判斷：

事件說明：

1）設置了一個全局變量angle，代表要旋轉的角度，設置變量值為360度范圍內的隨機值360*Math.random()，為了讓轉盤多轉一會，設置了默認至少轉20圈，即20*360=7200.

2）接著計算當前的獎品，也是定義了一個變量award

3）下一步就是根據當前選中的旋轉方式，設置轉盤按順時針方向開始旋轉，并添加了動畫效果

4）將指針位置旋轉復位

選擇指針旋轉的方式情況下，和上面的情況類似，只是旋轉的對象不同而已。

自從有了axure8的這些旋轉、設置大小、設置透明度后，一些原型的效果做起來真是相對簡單多了。

但是還有些功能沒有在意料之中，就是在動作中設置蒙板效果（看不見的區域把它擋?。?，設置文字的大小、顏色等樣式，期望新的版本中能進一步支持這些功能。

本文由 @Axure原型設計工場 原創發布于人人都是產品經理。未經許可，禁止轉載。