Flex 导航栏设计

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

<mx:VBox x="10" y="10" height="508" width="994">
[color=red]<mx:ApplicationControlBar [/color]width="100%" height="60">
<mx:Image/>
[color=red]<mx:ToggleButtonBar [/color]height="100%" [color=red]dataProvider="{storeViews}" [/color]styleName="storeButtonBar">
</mx:ToggleButtonBar>
[color=red]</mx:ApplicationControlBar>[/color]


<mx:ViewStack [color=red]id="storeViews"[/color] width="100%" height="100%">
<mx:Canvas label="View 1" width="100%" height="100%">
<mx:Button label="nihao1"/>
</mx:Canvas>
<mx:Canvas label="View 1" width="100%" height="100%">
<mx:Button label="nihao2"/>
</mx:Canvas>
<mx:Canvas label="View 1" width="100%" height="100%">
<mx:Button label="nihao3"/>
</mx:Canvas>
</mx:ViewStack>
</mx:VBox>

</mx:Application>