animation实现让云朵飘的动画实例

发布日期： 2017-07-16 阅读量： 作者： 网络

本文实例讲述了微信小程序开发之animation循环动画实现的让云朵飘效果。

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

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

微信小程序提供了实现动画的api——animation，但却不能循环播放，都是一次性的，动完就Over了，下面提供一个用微信小程序的animation来实现循环动画的玩具，抛砖引玉，希望大家能想出更好的方法来实现真正的循环。说是玩具是因为这个循环动画通过js脚本的setInterval来实现的，但'setInterval'在实际运行中会出现越来越严重的延迟，这是由于js的单线程运行模式所决定的（具体可以搜本关资料看），所以动画间隙并不是那么流畅，所以先玩玩吧，让我们来实现让云朵飘……

截图如下：

实现代码：

index.wxml

<view>
   <image></image>
  </view>

# animation # 实例 # 动画

下一篇: 两分钟彻底关闭Windows的更新

animation实现让云朵飘的动画实例

随便看看