flex 制作导航栏菜单

        做的时候，百度了好多资料，方法多的很，综合分析了一下，找了一种针对我们项目的最简洁，最合适的实现方法。

        想要的最终效果是菜单放在界面的最上方，单击每一个最终分支（也就是到叶节点 的时候 ），加载相应的moudle文件来切换不同的功能界面。

===================================================================================================

       第一步，建立数据源，为菜单提供数据，用的是XMLListCollection，（相比较于array,arraylist,xml,xmllist,像XMLListCollection和ArrayListCollection这样级别较高的对象能够实现更多的功能，在不影响效率的前提下，我想还是可以作为首选的数据源的）

            是写在了  <fx:Declarations>里了，因为是非可视的元素：

      <mx:XMLListCollection id="myMenuData">
   <fx:XMLList >
    <manuitem label="文件">
     <subitem label="重新登陆" data="meRelogin"></subitem>
     <subitem label="退出系统"></subitem>
    </manuitem>
    <manuitem label="编辑">
     <subitem label="拷贝"></subitem>
     <subitem label="剪切"></subitem>
     <subitem label="粘贴"></subitem>
    </manuitem>

[

其他菜单省略。。。。。。

写了一个data属性作为函数处理的标识，用来判断点击的菜单项

插入分隔线的代码<subitem label="" type="separator"></subitem>

]
    </fx:XMLList>
   
  </mx:XMLListCollection>

=========================================================================================

第二步：

<mx:MenuBar id="mainmanu" dataProvider="{myMenuData}" change="menuHandler(event)"  labelField="@label" horizontalCenter="0"  width="100%"  top="0" chromeColor="#4596F9">   
  </mx:MenuBar>

dataProvider属性连接数据源

change事件关联对菜单点击事件的处理函数

===========================================================================================================

第三步：点击事件的处理函数

//菜单处理函数
     private function menuHandler(event:MenuEvent):void
   {
      menuChange(event.item.@data);
   } 

public function menuChange(data:String):void
   {
    switch(data)
    {
     case 'meRelogin':      
      this.currentState="login";
      break;
     case 'meDeptSet':      
      this.mainModLd.url="ODdeptSet.swf";
      break;

      。。。。。。