需求是 要实现一个Button 的悬浮变色特效,同时在点击时使用放大再缩小的动画,代码如下:
onClick(){
var toBig=cc.scaleTo(0.1,1.1); //按钮点击动画
var toLittle=cc.scaleTo(0.1,1);
var upspring=cc.sequence(toBig,toLittle);
this.node.runAction(upspring);
}
可以借助Button组件的Transition属性,然而这个属性只能设置一项动画效果:要么放大放小 or 只是改变悬浮色,鱼与熊掌不可兼得。so我们把Transition设置为改变悬浮图片特效(hover),然后在脚本里自定义放大缩小动画。