onLoad: function(options) {
var th=this;
setTimeout(function(){
var animation = wx.createAnimation({
duration: 500,
timingFunction: "linear",
delay: 0,
transformOrigin: "50% 50%",
})
animation.translate(154, 0).step();
animation.translate(200,0).step();
animation.translate(300,0).step();
//导出动画数据传递给组件的animation属性。
th.setData({
animationData: animation.export(),
})
},2000)
}
<view style="width:100px;height:100px;background:pink;position:absolute;top:0;left:0" animation="{{animationData}}"></view>
如上述代码,页面加载2秒后,执行一段位移动画,在ios13.4.1下,每一个step会重新回到起点重新开始执行,造成动画不连贯,其他低版本ios和安卓机型和微信开发者工具未发现此异常
亲测可行。除了第一个,把剩下的 step 放在 setTimeout 中。
// 使用多个 step,在 IOS 上只执行第一个 // 所以这里使用 setTimeout 解决该问题 this.animation.scale(2, 2).step() // this.animation.scale(1, 1).step() this.setData({ animationData: this.animation.export() }) setTimeout(() => { this.animation.scale(1, 1).step() this.setData({ animationData: this.animation.export() }) }, 300) // 这里的延时等于第一个 step 的动画时长
现在还有这样的问题,请问解决了吗
现在还有这样的问题 求解决
这个问题解决了吗??
同样遇到了
同样遇到这个问题,有大佬解决了么?
hello你最后怎么解决的?
这bug报出来两个多月,是不打算处理了么?
求官方解决我还是会碰到这个问题
麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)