小程序动画加载只执行一次的问题
问题
rotate: function() {
// 创建一个动画实例
var animation = wx.createAnimation({
duration: 1000,
timingFunction: 'ease'
})
// 动画效果为旋转 360 度
animation.rotate(360).step()
// 将动画实例数据传给组件的animation属性
this.setData({
animationData: animation.export()
})
}
rotate:function() {
// 创建动画实例
var animation = wx.createAnimation({
duration: 1000,
timingFunction: 'ease'
})
// 动画效果为旋转 360 度
animation.rotate(360).step()
// 将动画实例数据传给组件的animation属性
this.setData({
animationData: animation.export()
})
// 回到初始状态
setTimeout(function() {
// 逆时针旋转至0度
animation.rotate(0 ).step()
this.setData({
animationData: animation.export()
})
}.bind(this), 1300);
}
改进
rotate:function() {
// 顺时针旋转实例
var animation = wx.createAnimation({
duration: 1000,
timingFunction: 'ease'
})
// 逆时针旋转实例
var animation1 = wx.createAnimation({
duration: 10,
timingFunction: 'ease'
})
animation.rotate(450 ).step()
this.setData({
animationData: animation.export()
})
setTimeout(function() {
animation1.rotate(0 ).step()
this.setData({
animationData: animation1.export()
})
}.bind(this), 1300);
}
原创文章,转载请注明:小程序动画加载只执行一次的问题 | 知识改变命运
转载请注明出处: 知识改变命运 » 小程序动画加载只执行一次的问题