收藏
回答

iPhone6 小程序动画问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug createAnimation 客户端 iOS 6.6.6 2.0.8

最近在做小程序动画方面的东西,动画在其他机型都测试正常,唯独在iPhone6上有问题,iOS的版本有9和11,WeChat的版本也有各种,但是都有问题。


从实际的效果上看在iPhone6上动画的速率比其他的机型快到2-3倍,所以当设置translateY从-800到0的时候如果设置duration是300ms并没有看到这个变化的效果,而直接看到已经恢复到0的位置,其他机型却可以看到动画的效果。


如果设置成600ms的时候则可以看到画面从上方滑落的过程,但是这样一来其他的机型则会非常的缓慢。

最后一次编辑于  2018-05-21
回答关注问题邀请回答
收藏

1 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-05-21

    麻烦提供一下出现问题的机型和微信版本,并且给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-05-21
    赞同
    回复 5
    • 张帅想去老特拉福德
      张帅想去老特拉福德
      2018-05-22
      机器: iPhone6 NG4J2CH/A iOS: 9.3.4 微信版本: 6.6.6 相关代码就是先把页面拉到-800,然后试图让它在从-800到0. var that = this; var translateY = 0, translateX = 0, opacity = 1, timeout = 100; var timingFunction = ''; var animationY = wx.createAnimation({ duration: 0, timingFunction: 'step-start', }); animationY.opacity(1).translateY(-800).translateX(0).scale(1).step(); that.setData({ animationData: animationY.export() }) that.setData({ card: 123 }) var duration = 0; // not transparent var opacity = 1; duration = 300 timingFunction = 'ease' // console.log(opacity + 'timingFunction:' + timingFunction) var animation = wx.createAnimation({ duration: duration, timingFunction: timingFunction, }); // Set the transform to origin. animation.opacity(opacity).translateY(translateY).rotate(0).translateX(translateX).scaleX(1).step(); setTimeout(function () { that.setData({ animationData: animation.export() }) }.bind(that), timeout)
      2018-05-22
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2018-05-22回复张帅想去老特拉福德
      给个能复现问题代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),按照文档来分析代码片段哈
      2018-05-22
      回复
    • 张帅想去老特拉福德
      张帅想去老特拉福德
      2018-05-23回复社区技术运营专员-娇华
      代码片段地址:wechatide://minicode/CTFk9Cmb62ZP。在开发工具中选择iPhone6效果是好用的,用真机的时候就不好用了,没有向下的效果。
      2018-05-23
      回复
    • 小程序技术专员-june
      小程序技术专员-june
      2018-05-25回复张帅想去老特拉福德
      问题已复现,确实iPhone6有这问题,后面我们尝试修复下。
      2018-05-25
      1
      回复
    • 张帅想去老特拉福德
      张帅想去老特拉福德
      2018-05-25
      谢谢
      2018-05-25
      回复