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。。。。