【报Bug】uni.createAnimation()动画显示不正确

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 2.8.8

第三方开发者工具版本号： 1.03

基础库版本号： 2.12.2

项目创建方式： HBuilderX

操作步骤：

模板中一个view，绑定动画，动画设置如下

                    let ani = uni.createAnimation()  
                ani.translateX(225).step({duration:500,timingFunction:'linear'})  
                ani.translateX(-25).step({duration:0,timingFunction:'linear'})  
                ani.translateX(225).step({duration:1000,timingFunction:'linear'})  
                ani.translateX(-45).step({duration:1000,timingFunction:'linear'})

预期结果：

view向右1秒内移动到225，然后瞬间跳回-25，然后在1秒内移动到225，在1秒内移动到-45

实际结果：

view向右1秒内移动到225，然后瞬间跳回-25
后续的两步动画不在执行了
如果第二步的duration设置大于0，则后续动画可以正常执行

bug描述：

使用uni.createAnimation()来制作动画效果，代码如下

                    let ani = uni.createAnimation()  
                ani.translateX(225).step({duration:500,timingFunction:'linear'})  
                ani.translateX(-25).step({duration:0,timingFunction:'linear'})  
                ani.translateX(225).step({duration:1000,timingFunction:'linear'})  
                ani.translateX(-45).step({duration:1000,timingFunction:'linear'})

出问题的在第三行，step内，如果duration设置为0，后续的两条动画不在执行，如果设置大于0，后续动画会正常执行
duration 不能设置为0吗？那怎么实现瞬间的位移？？

2020-08-30 10:26 负责人:无分享

1 个回复

DCloud_UNI_GSQ

单独测试一下微信小程序（不使用uni-app），如果仍然存在问题，反馈到微信小程序社区

该问题目前已经被锁定, 无法添加新回复

【报Bug】uni.createAnimation()动画显示不正确

预期结果：

view向右1秒内移动到225，然后瞬间跳回-25，然后在1秒内移动到225，在1秒内移动到-45

实际结果：

view向右1秒内移动到225，然后瞬间跳回-25
后续的两步动画不在执行了
如果第二步的duration设置大于0，则后续动画可以正常执行

bug描述：

1 个回复

公告

相关问题

【报Bug】uni.createAnimation()动画显示不正确

预期结果： view向右1秒内移动到225，然后瞬间跳回-25，然后在1秒内移动到225，在1秒内移动到-45

实际结果： view向右1秒内移动到225，然后瞬间跳回-25 后续的两步动画不在执行了 如果第二步的duration设置大于0，则后续动画可以正常执行

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

预期结果：

view向右1秒内移动到225，然后瞬间跳回-25，然后在1秒内移动到225，在1秒内移动到-45

实际结果：

view向右1秒内移动到225，然后瞬间跳回-25
后续的两步动画不在执行了
如果第二步的duration设置大于0，则后续动画可以正常执行