Animation 在小程序中的应用左右水平循环移动

qq_43320744

已于 2022-03-09 15:46:41 修改

阅读量279

点赞数

文章标签：小程序 javascript 开发语言

于 2022-03-04 18:02:49 首次发布

本文链接：https://blog.csdn.net/qq_43320744/article/details/123281606

版权

<image src="" animation="{{ animation }}">

animation 属性可应用于 view 、image 等组件；

startAnimation() {
  let animation = wx.creatAnimation({
    duration: 1200,
    timingFunction: 'linear',
  });
  this.data.timer = setInterval({
    let next = true;
    if(next) {
      animation.translate(110, 0).step()
    }else {
      animation.translate(0, 0).step()
    }
    next = !next
    this.setDate({
      animationData: animation.export()
    })
  }, 1200)
},
onShow() {
  this.startAnimation()
},
clearAnimation() {
  clearInterval(this.data.timer)
},
onHide() {
  this.clearAnimation()
}

wx.createAnimation() 有完整代码；