收藏
回答

wx.createAnimation设置多个step,后面的step会合并执行?

let animation= wx.createAnimation({

timingFunction: 'ease',

})

animation.left(0).translateY(0).step({ duration: 3000 });

animation.opacity(0.2).step({ duration: 3000 });

animation.left(-80).scale(3).step({ duration: 3000 });

this.setData({

animationData: animation.export(),

})

js里这种写法,三个动效都会执行,但是第二个step总是和第三个step一起执行,是为什么

回答关注问题邀请回答
收藏

3 个回答

  • 陈冰
    陈冰
    2019-10-18

    我也遇到这个问题了。https://developers.weixin.qq.com/community/develop/doc/0002cc82010028852959b21cc5b000找到原因 可是不知道怎么解决

    2019-10-18
    有用
    回复 1
    • 安
      2019-10-23
      我用的settimeout
      2019-10-23
      回复
  • 余晓辉
    余晓辉
    2019-09-05

    animation.left(0).translateY(0).step({ duration: 3000 }).opacity(0.2).step({ duration: 3000 }).left(-80).scale(3).step({ duration: 3000 });

    animation = animation.left(0).translateY(0).step({ duration: 3000 });

    animation = animation.opacity(0.2).step({ duration: 3000 });

    animation = animation.left(-80).scale(3).step({ duration: 3000 });

    试试?!


    2019-09-05
    有用
    回复
  • bibolibo
    bibolibo
    2019-08-30

    你改变一下速度呢?


    使用linear 看看有没有这个问题  .可能是速度加快导致的.

    2019-08-30
    有用
    回复 11
    • 安
      2019-08-30
      一样的,还是合并执行了
      2019-08-30
      回复
    • bibolibo
      bibolibo
      2019-08-30回复
      你将这几个动画复制下来形成6个动画,看是不是opacity 这个动画的问题..
      2019-08-30
      回复
    • 安
      2019-08-30
      我把第二个换成scale(0.5),第二个step直接被跳过了
      2019-08-30
      回复
    • bibolibo
      bibolibo
      2019-08-30回复
      那你只要两个动画试一下啊,是执行先后执行两个,还是执行第一个,第二个,跳过.
      2019-08-30
      回复
    • 安
      2019-08-30
      只要两个动画没问题,三个就有问题了,应该是微信的bug
      2019-08-30
      回复
    查看更多(6)
登录 后发表内容
问题标签