用到了白鷺的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);}}新聞熱點
疑難解答