egret白鹭 基于eui组件的一些动画类 抽屉效果

用到了白鹭的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);
}


}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值