⼩程序制作⼤转盘抽奖功能，巨简约的代码！！
公司说要做个活动，迎接双⼗⼀。。然后最怕的事情出现了，就是做转盘。以前没怎么写过动画，特别怕这些东西。。。好了，废话不说。直⼊正题。
⾸先，先构图。⼤概的思路就是页⾯有个转盘，然后转盘是⼀个背景。转盘的指针也是⽤图⽚。如下图：
然后第⼆步，翻查⼩程序⽂档。发现有个wx.createAnimation（创建动画的参数），参数如下。
好了，开始js和界⾯结合⼀起⽤了。
记住，animation这个属性放在你想添加动画的view。⾄于animationData等下解释.
let that
const app = getApp()
Page({
data: {
animationData:{},//初始动画数据
Prize:[45,90,135]//45度安慰奖，90度⼆等奖，135度⼀等奖
},
start() {
let animation = wx.createAnimation({ //创建动画实例
duration: 3000,
timingFunction:'ease'
})
animationData: port()//最后根据⼩程序⽂档说，这个参数需要export输出。
})
},
onLoad() {
that = this
},
onShow() {
}
})
好了，⼤功告成，试⼀试吧。。。
特别说明⼀些坑位，动画只运⾏⼀次。怎么点击start⽅法动画都不会再重运⾏。。解决⽅法，在data⾥⾯定义个isTrue布尔值，判断该
值。为真的时候运⾏正常旋转的⽅法，为假的时候。需要将旋转的度数变为0.再去旋转新的度数。
更多推荐
动画,转盘,旋转,参数,程序
发布评论