用到了白鹭的eui库,以及缓动库。
/**
* 个人ui控件的控制动画实现* 1.抽屉效果 抽屉般收回元素,前提是元素要靠边,就是要靠边 你想收回那边,就要靠近那边
* 收回左边 收回下边 收回上边 收回右边 从左边出来 从下面出来 从上面出来 从右边出来
*/
class myUi {
public constructor() {
}
/**
* 收回左边
* ele 要控制的组件 width 要偏移的距离
*/
public static backLeft(ele,width){
var tw = egret.Tween.get( ele );
tw.to( {x: -width}, 100);
}
/**
* 收回下边
* stageH 容器的高度
*/
public static backBottom(ele,stageH){
var tw = egret.Tween.get( ele );
tw.to( {y: stageH}, 100);
}
/**
* 收回上边
* height 偏移的距离
*/
public static backTop(ele,height){
var tw = egret.Tween.get( ele );
tw.to( {y: -height}, 100);
}
/**
* 收回右边
* stageW 容器的宽度
*/
public static backRight(ele,stageW){
var tw = egret.Tween.get( ele );
tw.to( {x: stageW}, 100);
}
/**
* 从左边出来
*/
public static comeLeft(ele){
var tw = egret.Tween.get( ele );
tw.to( {x: 0}, 100);
}
/**
* 从下面出来
* height 偏移的距离
* stageH 容器的高度
*/
public static comeBottom(ele,stageH,height){
var tw = egret.Tween.get( ele );
tw.to( {y: stageH-height}, 100);
}
/**
* 从上面出来
* height 偏移的距离
*/
public static comeTop(ele){
var tw = egret.Tween.get( ele );
tw.to( {y: 0}, 100);
}
/**
* 从右边出来
* width 偏移的距离
* stageW 容器的宽
*/
public static comeRight(ele,width,stageH){
var tw = egret.Tween.get( ele );
tw.to( {x: stageH-width}, 100);
}
}