相信大家都看到過用積分抽獎的這種抽獎器—九宮格，有固定的獎品，點擊抽獎會按一定規(guī)律選擇獎品品。點擊停止或者時間到之后，選出某個獎品。比如像某購物商城的積分抽獎。

咱們今天就來看看怎么樣制作這個抽獎器。點擊下面的地址可以查看預覽效果：https://oi1174.axshare.com

?

當然要準備要部件了。九宮格的樣式，中間一個是抽獎按鈕，周圍八個是獎品。

?

這里我準備了其中一個獎品是“再來一次”，這個是很常見的一種，在設置方面跟全部都是獎品的設置方法有一點不同，我們稍后在看。

?

這個抽獎器有一種簡單的方式是用戶不能隨機停止的，需要等到自動停止。這種方式做起來比較簡單，可以這樣做：

?

設置獎品的選中樣式，在點擊抽獎的時候按順序設置獎品的選中動作即可。這里的“順序”，可以使用等待動作給它們強制加上等待時間，這樣設置之后就可以了。當然這種方法是笨方法，但是思路和設置是最簡單的。

?

這種方式就不花筆墨去寫了，很簡單，大家可以試試。下面要給大家看的是九宮格抽獎的另一種方式：可以自己點擊停止抽獎。

?

在部件的準備上，比剛才的這種方式復雜一點點。增加一個停止按鈕，把獎品用動態(tài)面制作，8個獎品就需要8個狀態(tài)。狀態(tài)中“獎品”不用設置選中樣式，而是直接將樣式表現(xiàn)出來。比如狀態(tài)1中獎品1樣式直接設置，狀態(tài)2中獎品2樣式直接設置，這樣一次類推。

?

在點擊抽獎的時候，抽獎次數(shù)減少，點擊按鈕切換成“停止”按鈕。這兩個都很容易實現(xiàn)，設置文本和顯示動作就可以簡單做到。

?

讓獎品進行依次選擇，這就是我們剛才設置動態(tài)面板的目的。點擊抽獎之后，可以讓動態(tài)面板在進行面板狀態(tài)的切換。在點擊“停止”按鈕時，停止循環(huán)即可。這樣面板就實現(xiàn)了點擊抽獎和點擊停止抽獎。

?

如果，獎品中沒有“再來一次”的話，這次抽獎到這里就完成了。因為多了“再來一次”所以復雜了一些。

?

如果抽中了“再來一次”，也就是動態(tài)面板停止在狀態(tài)2的時候，抽獎次數(shù)還會增加一次，那抽獎按鈕還能再進行點擊，再次抽獎。所以不可避免的，我們要設置它的用例條件。

?

?

那在開始抽獎的按鈕上，一樣也是得設置用例條件，次數(shù)為1的時候可以點擊，為0時不可點擊。（抽獎次數(shù)根據(jù)實際情況去設置，大于0的時候都能設置為可點擊）。這樣我們就把這個案例做好了，看看最終效果吧。

?

?

選擇獎品的速度，還有其他的細節(jié)，比如抽中獎品的提示等，大家都是可以根據(jù)自己的實際情況去做調(diào)整。

?

最后，思考一下，這個抽獎器能不能做成隨機商品的，而不是根據(jù)規(guī)律選擇呢？