收藏
回答

小程序里面写动画 简单的translate效果也会闪烁?

写了一个简单的translate动画,场景如下:按钮按一下,一张被控制的图片进行移动。

但是实际在真机上的效果是,被控制的图片会先闪烁一下,再移动。

这是因为调用了this.setData的关系吗?

不知道有没有什么方法可以让图片不要先闪烁再移动?不需要那个闪烁。

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

2 个回答

  • 余丹
    余丹
    2022-10-24

    可以把图片写在背景上 就不会闪烁了

    2022-10-24
    有用
    回复
  • Frank
    Frank
    2022-08-02

    https://developers.weixin.qq.com/community/develop/article/doc/0008c4943b0648ec6e3e9206a5e413,之前写了个一手撸动画的弹框,根据你的描述,盲猜是不是节点还没渲染完,就开始执行动画了

    2022-08-02
    有用
    回复 3
    • 景霖
      景霖
      2022-08-02
      刚入门小程序,很多还不懂。想请问节点渲染是指?如何查看知道节点是否渲染了?节点渲染与执行动画应该如何安排先后顺序?感谢!
      2022-08-02
      回复
    • Frank
      Frank
      2022-08-02回复景霖
      参考下上面的文章
      2022-08-02
      回复
    • 景霖
      景霖
      2022-08-02回复Frank
      看了,但是还有很多不懂的地方。
      我的代码如下:
      (点击按钮的)函数名称:function(){
          var ani_t0 = wx.createAnimation({
            delay: 400,
            duration: 200,
          })
          ani_t0.opacity(1.0).translate(30,40).step()

          this.setData({
            ani_book1: ani_t0.export()
          })


      然后wxml页面就是简单的一个按钮和一张需要移动的图片,图片的动画名称是ani_book1。
      点击按钮后让图片移动,移动前图片会先闪烁加载一下,然后执行移动动画。
      非常需要解答,如果原因是和“渲染”有关,希望能够说的更加详细和浅一些,太专业的看不太懂,非常感谢!!
      2022-08-02
      回复
登录 后发表内容