微信小程序> 微信小程序动画Animation的实现及执行步骤

微信小程序动画Animation的实现及执行步骤

浏览量:357 时间: 来源:前端萌新豆腐渣

创建动画实例

  var animation = wx.createAnimation({       duration: 200,  //动画的持续时间       timingFunction: "linear", //动画的效果设置为平均       delay: 0  //动画延迟时间无     })

调用animation实例方法来描述动画

this.animation = animationanimation.translateY(300).step(); //效果自己设定为主

最后通过动画实例export()方法导出动画数据传递给组件

 this.setData({       animationData: animation.export()   //输出动画     })<view animation="{{animationData}}" class="drawer_attr_box"   //事例

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎