公告列表
公告列表
收藏
回答

小程序animation动画ios真机会闪烁，安卓不会，什么情况，怎么解决，急求大佬们？

缩减版代码片段：https://developers.weixin.qq.com/s/qVuOTVmB7Bdg


开发工具没问题，安卓没问题，ios各种闪烁旋转的时候

是否是超出显示区域等系列问题？

知道超出屏幕做动画就会闪烁，在屏幕内就不会，这是为什么啊官方的嗯给个回答啊，怎么解决

最后一次编辑于  2019-12-30
回答关注问题邀请回答
收藏

9 个回答

  • XD
    XD
    2021-10-20

    我把超出屏幕那部分用overflow:hidden隐藏掉就不会了

    2021-10-20
    有用 1
    回复
  • 阿飞
    阿飞
    2022-04-28

    兄弟，后来怎么解决了

    2022-04-28
    有用
    回复
  • XH
    XH
    2020-08-24
    闪烁的问题可能是setdata频繁调用了，我在做一个类似轮播图切换动画的时候，更改容器的translate属性，无论是this.animate()或是使用纯css时，模拟器都正常，一到真机上就会出现后半部分动画瞬间完成，看不见过渡效果，后来改用position left的方案就好了。


    2020-08-24
    有用
    回复
  • 2020-03-24

    1楼主有没有绝对定位这个动画box

    2020-03-24
    有用
    回复
  • 🌝🌝
    🌝🌝
    2020-03-18

    请问楼主解决了吗，我也遇到同样问题

    2020-03-18
    有用
    回复 2
    • zwl
      zwl
      2020-03-18
      没解决屏幕外的场景，把动画放到了屏幕里了
      2020-03-18
      赞
      回复
    • 🌝🌝
      🌝🌝
      2020-03-18回复zwl
      动画放在屏幕内的，从其他页面跳转到动画页面，动画有时出现闪烁问题
      2020-03-18
      赞
      回复
  • cw
    cw
    2020-01-02

    我也会闪烁。。就只是简单的translate一下

    2020-01-02
    有用
    回复 6
    • zwl
      zwl
      2020-01-02
      我这边只要动画超出屏幕范围外，就会闪烁，目前没找到解决办法，我把动画放到屏幕内了，不超出应该没问题
      2020-01-02
      赞
      回复
    • cw
      cw
      2020-01-02回复zwl
      我发现了，因为我用的是背景图片，因为大小问题图片也是动态设进去的，我改用image就好了
      2020-01-02
      赞
      回复
    • zwl
      zwl
      2020-01-02
      我用的就是image，也不行，你可以看下我的代码片段，看看和你的情况一样不
      2020-01-02
      赞
      回复
    • cw
      cw
      2020-01-02回复zwl
      我跑你的没有闪呀 iphone11，我把你左边的注释了margin也去掉放中间转 也没闪
      2020-01-02
      赞
      回复
    • zwl
      zwl
      2020-01-02
      不可能啊，我试了iphone11，8，都闪啊，写个定时器啥的，前几次不闪，后面才开始闪
      2020-01-02
      赞
      回复
    查看更多(1)
  • 发飙的蜗牛
    发飙的蜗牛
    2019-12-30

    用css实现更简单！

    2019-12-30
    有用
    回复 2
    • zwl
      zwl
      2019-12-30
      css实现也会闪啊
      2019-12-30
      赞
      回复
    • zwl
      zwl
      2019-12-30
      我上面有缩减版的代码片段，大佬可以试下ios真机，也可以写个定时器测试
      2019-12-30
      赞
      回复
  • zwl
    zwl
    2019-12-27

    css行内写出来的和animation一样都会闪，原理都一样。。。。李云龙团长

    2019-12-27
    有用
    回复 10
    查看更多(5)
  • Code Weaver
    Code Weaver
    2019-12-27

    是这个效果么？

    https://developers.weixin.qq.com/s/eFvKtVmF7Wdh

    2019-12-27
    有用
    回复 10
    • zwl
      zwl
      2019-12-27
      对的，我完整的动画会复杂些，但应该都一样，我把他margin：-50%；以后，就会出现闪的情况，但是在屏幕显示完全就不会闪
      2019-12-27
      赞
      回复
    • zwl
      zwl
      2019-12-27
      因为ui效果要隐藏一半，
      2019-12-27
      赞
      回复
    • Code Weaver
      Code Weaver
      2019-12-27回复zwl
      问题复现了。。用canvas画咋样。或者css先试试？
      2019-12-27
      赞
      回复
    • zwl
      zwl
      2019-12-27回复Code Weaver
      css好像没法实现，因为每次旋转的角度都是在现有的基础上+36deg 或者-36deg，同时嗨哟偶scale效果，这个是不是因为超出显示区域的问题？能否让他显示一半，但是吧宽度定的很宽等方法来实现这个效果呢？
      2019-12-27
      赞
      回复
    • Code Weaver
      Code Weaver
      2019-12-27回复zwl
      可以实现 wxss ，只是需要使用js控制数量的加减。在wxml上写旋转的wxss
      2019-12-27
      赞
      回复
    查看更多(5)
请 登录 后发表内容
相关问题
相关文档
问题标签
动画开发工具代码animation