收藏
回答

小程序组件的 animation 只能触发一次动画么?

当用户点击view时,触发动画,只能执行一次动画而已么?再点无效

    methods = {
        onRobot () {
            console.log('onRobot')
            let bodyAnimation = wx.createAnimation({
                duration: 300,
                timingFunction: 'ease'
            })

            bodyAnimation.rotateZ(-35).step()
            bodyAnimation.rotateZ(35).step()
            bodyAnimation.rotateZ(0).step()

            this.bodyAnimation = bodyAnimation.export()
        }
  }
回答关注问题邀请回答
收藏

1 个回答

  • Admin²⁰²⁰
    Admin²⁰²⁰
    01-17
    重新归位下动画就可以了
    比如在后面再加上这么一句
                  setTimeout(() => {
                    bodyAnimation.rotateZ(0).step()
                    this.bodyAnimation = bodyAnimation.export()
                  }, 1000);
    
    01-17
    赞同 1
    回复 4
    • 林晓鹏
      林晓鹏
      01-18
      好的,谢谢,后来使用以下方式解决了
      01-18
      回复
    • Admin²⁰²⁰
      Admin²⁰²⁰
      01-18回复林晓鹏
      这样的话你是创建了2个Animation?貌似开销变大不少啊
      01-18
      回复
    • 林晓鹏
      林晓鹏
      01-21回复Admin²⁰²⁰
      我是说用相同的动画再export() 一次,相当于给了一个空的动画,再次执行我们要的动画就没问题了。

      我这里本来就是需要两个动画的。哈哈
      01-21
      回复
    • Admin²⁰²⁰
      Admin²⁰²⁰
      01-21回复林晓鹏
      那没问题。
      01-21
      回复
登录 后发表内容
问题标签