收藏
回答

小程序组件的 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()
        }
  }
回答关注问题邀请回答
收藏

2 个回答

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

      我这里本来就是需要两个动画的。哈哈
      2020-01-21
      回复
    • Admin ²º²³
      Admin ²º²³
      2020-01-21回复林晓鹏
      那没问题。
      2020-01-21
      回复
  • icony(精武陈真)
    icony(精武陈真)
    2021-06-06

    没啥用啊,都没归位

    2021-06-06
    有用
    回复
登录 后发表内容
问题标签