tabbar!

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
3.         layout="vertical"
4.         verticalAlign="middle"
5.         backgroundColor="white">
7.     <mx:Script>
8.         <![CDATA[
9.             [Bindable]
10.             [Embed(source="assets/bulletCheck.png")]
11.             private var BulletCheck:Class;
13.             [Bindable]
14.             [Embed(source="assets/bulletWarning.png")]
15.             private var BulletWarning:Class;
17.             [Bindable]
18.             [Embed(source="assets/bulletCritical.png")]
19.             private var BulletCritical:Class;
20.         ]]>
21.     </mx:Script>
23.     <mx:VBox id="box" width="400" verticalGap="0">
24.         <mx:TabBar id="tabBar"
25.                 direction="horizontal"
26.                 dataProvider="{viewStack}"
27.                 width="100%" />
29.         <mx:ViewStack id="viewStack"
30.                 width="100%"
31.                 height="100"
32.                 backgroundColor="white"
33.                 borderSides="left bottom right"
34.                 borderStyle="solid"
35.                 borderThickness="1">
37.             <mx:Canvas id="child1"
38.                     label="Success"
39.                     icon="{BulletCheck}">
40.                 <mx:Label text="one" />
41.             </mx:Canvas>
43.             <mx:Canvas id="child2"
44.                     label="Warning"
45.                     icon="{BulletWarning}">
46.                 <mx:Label text="two" />
47.             </mx:Canvas>
49.             <mx:Canvas id="child3"
50.                     label="Error"
51.                     icon="{BulletCritical}">
52.                 <mx:Label text="three" />
53.             </mx:Canvas>
55.         </mx:ViewStack>
56.     </mx:VBox>
58. </mx:Application>