animation
发布于 6 年前 作者 rma 18756 次浏览 来自 问答

微信小程序,一个view上只能加一个animation,这就导致了很难做人工可干预的多段动画。比如:点击第一次放大,点击第二次缩小。这种效果实现起来很麻烦,最近我找到一个方法,就是叠加,代码如下:


showCard: function() {

var that = this;

let animationDuring = 200;

let animation = wx.createAnimation({

duration: animationDuring,

timingFunction: 'linear'

})

animation.width(100).height(100).step()

this.setData({

showAnimation: animation.export()

})

},


hideCard: function() {

let animationDuring = 200;

let animation = wx.createAnimation({

duration: animationDuring,

timingFunction: 'linear'

})

animation.width(100).height(100).width(0).height(0).step()

console.log(animation)

this.setData({

showAnimation: animation.export()

})

}


但这种方法感觉很不爽,跟iOS的动画代码比起来,差太多,大家有更好的方式么?请教。


另外,animationend事件为啥不执行?

回到顶部