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

iPhone6 小程序动画问题

框架类型 问题类型 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的时候则可以看到画面从上方滑落的过程，但是这样一来其他的机型则会非常的缓慢。

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

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
      赞
      回复
请 登录 后发表内容
相关问题
相关文档