<?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>