ViewStack is ususlly connected with LinkBar

         

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
            
              import mx.events.ItemClickEvent;
              private function clickHandler(event:ItemClickEvent):void {         
                    mx.controls.Alert.show(String(event.index) + "/" + event.label);
              }
      
    </mx:Script>


    <mx:Panel title="Navigation Containers"  height="90%" width="90%" >

        
            <mx:LinkBar fontWeight="bold" dataProvider="{myVS}" itemClick="clickHandler(event);"/>
        
            <mx:ViewStack id="myVS"  borderStyle="solid"  width="100%" height="80%">
            
                <mx:Canvas id="A" label="A" width="100%"  height="100%">
                    <mx:Label text="A" color="#000000"/>
                </mx:Canvas>
                
                <mx:Canvas id="B"  label="B" width="100%" height="100%">
                    <mx:Label text="B" color="#000000"/>
                </mx:Canvas>
            
            </mx:ViewStack>

    
    </mx:Panel>
</mx:Application>

1.	ViewStack with three child containers
2.	Add solid border to ViewStack
3.	Add Canvas to ViewStack
4.	Use LinkBar to control the ViewStack
5.	Panel inside ViewStack
6.	LinkBar and ViewStack
7.	Control a ViewStack via a LinkBar
8.	Bind the Selected Index of a ViewStack to a Variable
9.	Define the ViewStack and the three child containers
10.	Create a LinkBar control to navigate the ViewStack container
11.	Create 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 stack

ViewStack is ususlly connected with LinkBar : ViewStack « Container « Flex

Related examples in the same category