Add Canvas to ViewStack : ViewStack « Container « Flex






Add Canvas to ViewStack

Add Canvas to ViewStack
         


<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
        
        private function myEasingFunction(t:Number, b:Number, c:Number, d:Number):Number {
               return 0.2;
        };
      
    </mx:Script>
    <mx:Move id="moveLeftShow" xFrom="600" xTo="0" yTo="0" duration="3000" easingFunction="myEasingFunction" />
    <mx:Move id="moveRightHide" xFrom="0" xTo="600" duration="3000" easingFunction="myEasingFunction" />
    <mx:LinkBar dataProvider="myVS" />
    <mx:ViewStack id="myVS" borderStyle="solid">
        <mx:Canvas id="Canvas0" label="Canvas0" creationCompleteEffect="{moveLeftShow}" showEffect="{moveLeftShow}"
            hideEffect="{moveRightHide}">
            <mx:Box height="300" width="600" backgroundColor="#00FF00">
                <mx:Label text="Screen 0" color="#FFFFFF" />
            </mx:Box>
        </mx:Canvas>
        
        <mx:Canvas id="Canvas1" label="Canvas1" showEffect="{moveLeftShow}" hideEffect="{moveRightHide}">
            <mx:Box height="300" width="600" backgroundColor="#0033CC">
                <mx:Label text="Screen 1" color="#FFFFFF" />
            </mx:Box>
        </mx:Canvas>
        <mx:Canvas id="Canvas2" label="Canvas2" showEffect="{moveLeftShow}" hideEffect="{moveRightHide}">
            <mx:Box height="300" width="600" backgroundColor="#0000CC">
                <mx:Label text="Screen 2" color="#00FFFF" />
            </mx:Box>
        </mx:Canvas>
    </mx:ViewStack>
</mx:Application>

   
    
    
    
    
    
    
    
    
  








Related examples in the same category

1.ViewStack with three child containersViewStack with three child containers
2.Add solid border to ViewStackAdd solid border to ViewStack
3.Use LinkBar to control the ViewStackUse LinkBar to control the ViewStack
4.Panel inside ViewStackPanel inside ViewStack
5.LinkBar and ViewStackLinkBar and ViewStack
6.ViewStack is ususlly connected with LinkBarViewStack is ususlly connected with LinkBar
7.Control a ViewStack via a LinkBarControl a ViewStack via a LinkBar
8.Bind the Selected Index of a ViewStack to a VariableBind the Selected Index of a ViewStack to a Variable
9.Define the ViewStack and the three child containersDefine the ViewStack and the three child containers
10.Create a LinkBar control to navigate the ViewStack containerCreate a LinkBar control to navigate the ViewStack container
11.Create a VGroup container so the container for the buttons appears above the ViewStack containerCreate a VGroup container so the container for the buttons appears above the ViewStack container
12.Creating a view stack using a Canvas for each layer
13.Mixing and matching containers in a view stack
14.Using a component as a container in a view stackUsing a component as a container in a view stack