类似QQ的左侧切换

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

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientColors="[#ffffff,#ffffff]">

<mx:HBox horizontalCenter="0" width="280" height="580" horizontalGap="0" verticalGap="0" backgroundColor="yellow">

<mx:TabBar dataProvider="{viewStack}" direction="vertical" width="58" height="300">

</mx:TabBar>

<mx:ViewStack id="viewStack" width="100%" height="100%">

<mx:VBox label="Test1">

<mx:Label text="第一个"/>

</mx:VBox>

<mx:VBox label="Test2">

<mx:Label text="第二个"/>

</mx:VBox>

<mx:VBox label="Test3">

<mx:Label text="第三个"/>

</mx:VBox>

<mx:VBox label="Test4">

<mx:Label text="第四个"/>

</mx:VBox>

<mx:VBox label="Test5">

<mx:Label text="第五个"/>

</mx:VBox>

<mx:VBox label="Test6">

<mx:Label text="第六个"/>

</mx:VBox>

</mx:ViewStack>

</mx:HBox>

</mx:Application>