微信小程序大轉盤抽獎

-
分析完界面后就開始動手寫了
界面就是外面一個最大的view包住 閃動的小點一個view 8個獎品和一個START按鈕

*閃動的紅黃色小點

我們計算好每個點的位置 用for循環設置坐標值

定義紅黃兩色小球用setInterval更改顏色和實現閃動效果

-
綁定獎品背景顏色通過當前數組下標來實現選中的效果 用setInterval來進行旋轉的效果,停下來的位置我們用一個隨機數來控制

-
注意
旋轉中途點擊我們應將START變為WAIT并且在事件中增加判斷其狀態 使其點擊無效

當然了 獎品圖和內容你可以自己修改 你也更好地定義球與獎品圖樣式 你可以自己去完善 也許你也可以將獎品轉動 定義一個指針指向獎品等.
|