/**
* 按钮缩放脚本
*/
export default class UIScaleComponent extends Laya.Script {
/**
* @prop {name:delayTime, tips:"", type:Int, default:100}
*/
public delayTime:number = 25;
/**
* @prop {name:scaleRadio, tips:"缩小系数", type:Number, default:0.9}
*/
public scaleRadio:number=0.9;
private _oriScaleX:number=1;
private _oriScaleY:number=1;
onEnable():void {
var com:Laya.UIComponent = this.owner as Laya.UIComponent;
com.anchorX = 0.5;
com.anchorY = 0.5;
this._oriScaleX = com.scaleX;
this._oriScaleY = com.scaleY;
//添加鼠标按下事件侦听。按下时缩小
com.on(Laya.Event.MOUSE_DOWN, this, this.scaleSmall);
//添加鼠标抬起事件侦听。抬起时还原。
com.on(Laya.Event.MOUSE_UP, this, this.scaleBig);
//添加鼠标离开事件侦听。离开时还原
com.on(Laya.Event.MOUSE_OUT, this, this.scaleBig);
}
private scaleSmall():void{
Laya.Tween.to(this.owner, {scaleX:this.scaleRadio, scaleY: this.scaleRadio}, this.delayTime); //ui上使用自定义的缩放系数，以满足缩放系数较大的控件
}
private scaleBig():void{
//变大还原的缓动效果
Laya.Tween.to(this.owner, {scaleX:this._oriScaleX, scaleY:this._oriScaleY}, this.delayTime);
}
}
LayaBox脚本(TS)：按钮缩放
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 思路是通过 clickEvents 注册的点击事件置空 , 暂时阻止button连点 , 0.5 秒的安全时间过去...
- 第一种方法：设置gray属性（只是变灰，还有鼠标点击事件） 第二种方法：设置disabled属性（变灰，同时禁用了...
- 刚刚开始学习mac开发，发现好多地方还是和app开发有区别的。这一章我就先来说说这个mac的最基本的一些代码。 啥...
- 场景 像上图展示的图片一样，每次用户点击上下左右不同方向的时候，需要向机器人发送指令，其实就是发送一条IM消息。但...
