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

2019-11-09 14:13:01

字体：大中小

来源：转载

供稿：网友

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

上一篇：UIScrollView上控件下移问题

下一篇：个人对hashCode与equals的区别与联系简单理解