微信小程序动画解析

时间：2023-07-01 14:05 阅读数：108人阅读

　　微信小程序动画解析，小程序动画的设置想必刚开始接触小程序代码编写的人，都不会知道如何去设置，不过不要紧，下面小编给大家介绍一下微信小程序动画解析，希望给大家提供一定的帮助。

　　微信小程序动画解析

　　微信小程序动画的控制是由小程序接口wx.createAnimation实现的，下面仔细为大家介绍一下。

　　创建一个动画实例animation。调用实例的方法来描述动画。最后通过动画实例的export方法导出动画数据传递给组件的animation属*。

　　注意:export方法每次调用后会清掉之前的动画操作

　　OBJECT参数说明：

　　timingFunction 有效值：

　　animation

　　动画实例可以调用以下方法来描述动画，调用结束后会返回自身，支持链式调用的写法。

　　animation 对象的方法列表：

　　样式：

　　旋转：

　　缩放：

　　偏移：

　　倾斜：

　　矩阵变形：

　　动画队列

　　调用动画操作方法后要调用step()来表示一组动画完成，可以在一组动画中调用任意多个动画方法，一组动画中的所有动画会同时开始，一组动画完成后才会进行下一组动画。step 可以传入一个跟wx.createAnimation()一样的配置参数用于指定当前组动画的配置。

　　小程序源码示例：

　　bug & tip

　　bug: iOS/Android6.3.30通过 step() 分隔动画，只有第一步动画能生效

　　以上就是微信小程序动画解析的全部内容了，希望在各位的小程序开发中，能够帮助大家实现小程序动画的设置，感谢大家的阅读，欢迎关注微小乔，谢谢大家的支持。