Flex 效果_可伸缩隐藏菜单

最新推荐文章于 2022-10-26 16:43:44 发布

cony100

最新推荐文章于 2022-10-26 16:43:44 发布

阅读量4.5k

点赞数

分类专栏： flex 文章标签： flex search button application function layout

本文链接：https://blog.csdn.net/cony100/article/details/6068941

版权

flex 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>

  <![CDATA[

   private var backBool:Boolean=true;

   private function backHandler():void{

    backBtn.addEventListener(Event.ENTER_FRAME,enterFrameHandler);

   }

   private function enterFrameHandler(event:Event):void{

    if(backBool){

     if(btnGroup.y>-30){

      btnGroup.y-=5;



      if(btnGroup.y==-30){

       backBool=!backBool;

       backBtn.removeEventListener(Event.ENTER_FRAME,enterFrameHandler);

      }

     }

    }else{

     if(btnGroup.y<0){

      btnGroup.y+=5;

      if(btnGroup.y==0){

       backBool=!backBool;

       backBtn.removeEventListener(Event.ENTER_FRAME,enterFrameHandler);

      }

     }

    }

   }

  ]]>

</mx:Script>

<mx:VBox id="btnGroup" y="0" width="100%" backgroundColor="#eeeeee" paddingTop="5" paddingLeft="5" paddingRight="5" paddingBottom="5">

  <mx:HBox>

   <mx:Button id="searchButton" label="Search Panel"

        click="myViewStack.selectedChild=search;"/>

   <mx:Button id="cInfoButton" label="Customer Info Panel"

        click="myViewStack.selectedChild=custInfo;"/>

   <mx:Button id="aInfoButton" label="Account Panel"

        click="myViewStack.selectedChild=accountInfo;"/>

  </mx:HBox>

  <mx:Button id="backBtn" label="back" click="backHandler()"/>

</mx:VBox>

<mx:ViewStack y="70" id="myViewStack" borderStyle="solid" width="100%" height="80%">



  <mx:Canvas id="search" backgroundColor="#FFFFCC" label="Search" width="100%" height="100%">

   <mx:Label text="Search Screen" color="#000000"/>

  </mx:Canvas>



  <mx:Canvas id="custInfo" backgroundColor="#CCFFFF" label="Customer Info" width="100%" height="100%">

   <mx:Label text="Customer Info" color="#000000"/>

  </mx:Canvas>



  <mx:Canvas id="accountInfo" backgroundColor="#FFCCFF" label="Account Info" width="100%" height="100%">

   <mx:Label text="Account Info" color="#000000"/>

  </mx:Canvas>

</mx:ViewStack>

</mx:Application>