animation的重复创建

时间：2019-05-07 来源：小程序工厂

问题模块框架类型问题类型 API/组件名称终端类型微信版本基础库版本
API和组件微信小程序需求 animation 客户端 6.6.7 2.0.0

现在我们定义animation，只能先通过 wxml定义
然后在js中，使用this.animation1 = wx.createAnimation({ }) 创建，最后在需要用到的时候
this.animation1.scale(10).step()
this.setData({ animation1: this.animation1.export() })

现在我可能需要10多个不同的动画，都要这样创建和调用。。。感觉太重复了。。
尝试自定义函数。。但是不知道怎么传入animation的名称。。
写了一个这样的，错误的函数
myCreateAnimation:function(animationName){
this.animationName= wx.createAnimation({ //参数 })
}
实在不知道怎么传入animation。。。

微信小程序开发问题解答

微信小程序开发者回答：

this[animationName]
this.setData({ [animationName]:this.[animationName]

})

微信小程序开发者回答：

非常感谢，成功运行！

微信小程序开发者回答：

不客气。。你悟性高。。我突然发现写错了点。。你都理解了

微信小程序开发者回答：

过奖了。。主要是学习了this[]的用法。。非常感谢。
顺便贴上代码，方便学习,注意传入的animationName要是string类型的
playAnimation: function (animationName,duration,delay,xoffset){

微信小程序开发者回答：

没明白你想表达的问题是什么？Animation这个接口确实是不太友好，这里我们之后会讨论下如何优化复杂场景下的动画调用。

本文网址：http://www.91bianli.com/kaifazhinan/74897.html

上一篇：调用shareAppMessage报错

下一篇：input组件问题