Flex创建弹出菜单(PopUpButton/Menu/PopMenuButton)

弹出菜单的运行Flash效果见：http://tongqiuyan.blog.163.com/blog/static/1955453022011922113758634/

静态图片：

   
   


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

    
    
mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12">  

    
    
<mx:Script>  

    
    
 <![CDATA[  

    
    
  import mx.controls.Menu;  

    
    
  private var menu:Menu;  

    
    
  private function init():void  

    
    
  {  

    
    
   menu = new Menu();  

    
    
   menu.labelField = "@label";  

    
    
   // 设置menu的数据源  

    
    
   menu.dataProvider = xmlDP;  

    
    
   //设置menu不要展现父子排列结构  

    
    
   menu.showRoot = false;  

    
    
   menu.width = popUpButton.width;  

    
    
   // 设置弹出的内容为menu  

    
    
   popUpButton.popUp = menu;  

    
    
  }  

    
    
 ]]>  

    
    
</mx:Script>  

    
    
<mx:Style>  

    
    
popUpButtonStyle{fontWeight:normal; textAlign:left;}  

    
    
</mx:Style>  

    
    
<mx:XML id="xmlDP">  

    
    
 <root>  

    
    
  <node label="菜单项1" />  

    
    
  <node label="菜单项2" enabled="false" />  

    
    
  <node type="separator" />  

    
    
  <node label="父项" enabled="false">  

    
    
   <node label="子项1" />  

    
    
  </node>  

    
    
  <node label="父项">  

    
    
   <node label="子项1" />  

    
    
   <node label="子项2" />  

    
    
   <node label="子项3" />  

    
    
  </node>  

    
    
  <node type="separator" />  

    
    
  <node label="type=check" type="check" toogled="true" />  

    
    
  <node label="type=check(disabled)" type="check" toogled="true" enabled="false" />  

    
    
  <node type="separator" />  

    
    
  <node label="1) type=Radio" type="radio" groupName="radioGroup" toggled="true" />  

    
    
  <node label="2) type=Radio" type="radio" groupName="radioGroup" />  

    
    
  <node label="3) type=Radio" type="radio" groupName="radioGroup" />  

    
    
  <node label="4) type=Radio(disabled)" type="radio" groupName="radioGroup" enabled="false" />  

    
    
 </root>  

    
    
</mx:XML>  

    
    
<mx:Panel title="创建弹出菜单" width="300" height="200" horizontalAlign="center" paddingTop="10">  

    
    
 <mx:PopUpButton id="popUpButton" label="选择菜单中的项" creationComplete="init();" width="200" popUpStyleName="popUpButtonStyle" />  

    
    
</mx:Panel>  

    
    
/mx:Application>