类似QQ的左侧切换

1. <?xml version="1.0" encoding="utf-8"?>
2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientColors="[#ffffff,#ffffff]">
3.     <mx:HBox horizontalCenter="0" width="280" height="580" horizontalGap="0" verticalGap="0" backgroundColor="yellow">
4.         <mx:TabBar dataProvider="{viewStack}" direction="vertical" width="58" height="300">         
5.         </mx:TabBar>
6.         <mx:ViewStack id="viewStack" width="100%" height="100%">
7.             <mx:VBox label="Test1">
8.                 <mx:Label text="第一个"/>
9.             </mx:VBox>
10.             <mx:VBox label="Test2">
11.                 <mx:Label text="第二个"/>
12.             </mx:VBox>
13.             <mx:VBox label="Test3">
14.                 <mx:Label text="第三个"/>
15.             </mx:VBox>
16.             <mx:VBox label="Test4">
17.                 <mx:Label text="第四个"/>
18.             </mx:VBox>
19.             <mx:VBox label="Test5">
20.                 <mx:Label text="第五个"/>
21.             </mx:VBox>
22.             <mx:VBox label="Test6">
23.                 <mx:Label text="第六个"/>
24.             </mx:VBox>
25.         </mx:ViewStack>
26.     </mx:HBox>
27. </mx:Application>