MX Accordion 导航器容器具有一组子 MX 容器或 Spark NavigatorContent 容器，但一次只能显示其中一个。它创建和管理导航器按钮（Accordion 标题），您可以使用这些按钮在子代之间导航。每个子容器都有一个相关的导航器按钮，但是所有导航器按钮都属于 Accordion 容器，并不属于子代。当用户单击导航器按钮时，就会显示相关的子容器。到另一个子项的过渡过程将使用动画效果，这样用户就可以清楚地看到一个子项消失和另一个子项的出现。

有一个导航容器，类似于tooglebuttonbar等导航容器。。

代码

1. <?xml version="1.0" encoding="utf-8"?> 
2. <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"   
3.                xmlns:s="library://ns.adobe.com/flex/spark"   
4.                xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> 
5.     <fx:Declarations> 
6.         <!-- 将非可视元素（例如服务、值对象）放在此处 --> 
7.     </fx:Declarations> 
8.     <mx:VBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="center"> 
9.         <mx:Accordion > 
10.         <mx:VBox width="100" height="100" label="11111" backgroundColor="#000000" /> 
11.         <mx:VBox width="100" height="100" label="22222" backgroundColor="#E01818" /> 
12.         <mx:VBox width="100" height="100" label="33333" backgroundColor="#F3D3D3" /> 
13.         <mx:VBox width="100" height="100" label="44444" backgroundColor="#456345" /> 
14.     </mx:Accordion> 
15.     </mx:VBox> 
16.       
17. </s:Application> 

效果：

学习ING。。。。