flex4 TabNav

<?xml version="1.0" encoding="utf-8"?>  

02 <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 

03          xmlns:s="library://ns.adobe.com/flex/spark" 

04          xmlns:mx="library://ns.adobe.com/flex/halo" width="400" height="300">  

05    

06     <fx:Declarations>  

07         <!-- Place non-visual elements (e.g., services, value objects) here --> 

08     </fx:Declarations>  

09     <s:TabBar id="tabs" left="8" y="2" dataProvider="{vs}"/>  

10    

11     <mx:ViewStack id="vs" width="95%" height="85%" left="8" y="23">  

12         <s:NavigatorContent label="Tab 1"  width="100%" height="100%">  

13             <s:Border width="100%" height="100%" borderWeight="2" cornerRadius="3" dropShadowVisible="true">  

14                 <s:Label left="3" top="5" text="This is my first tab..."/>  

15             </s:Border>  

16         </s:NavigatorContent>  

17         <s:NavigatorContent label="Tab 2"  width="100%" height="100%">  

18             <s:Border width="100%" height="100%" borderWeight="2" cornerRadius="3" dropShadowVisible="true">  

19                 <s:Label left="3" top="5" text="This is my second tab..."/>  

20             </s:Border>  

21         </s:NavigatorContent>  

22         <s:NavigatorContent label="Tab 3"  width="100%" height="100%">  

23             <s:Border width="100%" height="100%" borderWeight="2" cornerRadius="3" dropShadowVisible="true">  

24                 <s:Label left="3" top="5" text="This is my third tab..."/>  

25             </s:Border>  

26         </s:NavigatorContent>  

27     </mx:ViewStack>  

28 </s:Application>