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

静态图片:

 
  
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12">  
  3. <mx:Script>  
  4.  <![CDATA[  
  5.   import mx.controls.Menu;  
  6.   private var menu:Menu;  
  7.   private function init():void  
  8.   {  
  9.    menu = new Menu();  
  10.    menu.labelField = "@label";  
  11.    // 设置menu的数据源  
  12.    menu.dataProvider = xmlDP;  
  13.    //设置menu不要展现父子排列结构  
  14.    menu.showRoot = false;  
  15.    menu.width = popUpButton.width;  
  16.    // 设置弹出的内容为menu  
  17.    popUpButton.popUp = menu;  
  18.   }  
  19.  ]]>  
  20. </mx:Script>  
  21. <mx:Style>  
  22. popUpButtonStyle{fontWeight:normal; textAlign:left;}  
  23. </mx:Style>  
  24. <mx:XML id="xmlDP">  
  25.  <root>  
  26.   <node label="菜单项1" />  
  27.   <node label="菜单项2" enabled="false" />  
  28.   <node type="separator" />  
  29.   <node label="父项" enabled="false">  
  30.    <node label="子项1" />  
  31.   </node>  
  32.   <node label="父项">  
  33.    <node label="子项1" />  
  34.    <node label="子项2" />  
  35.    <node label="子项3" />  
  36.   </node>  
  37.   <node type="separator" />  
  38.   <node label="type=check" type="check" toogled="true" />  
  39.   <node label="type=check(disabled)" type="check" toogled="true" enabled="false" />  
  40.   <node type="separator" />  
  41.   <node label="1) type=Radio" type="radio" groupName="radioGroup" toggled="true" />  
  42.   <node label="2) type=Radio" type="radio" groupName="radioGroup" />  
  43.   <node label="3) type=Radio" type="radio" groupName="radioGroup" />  
  44.   <node label="4) type=Radio(disabled)" type="radio" groupName="radioGroup" enabled="false" />  
  45.  </root>  
  46. </mx:XML>  
  47. <mx:Panel title="创建弹出菜单" width="300" height="200" horizontalAlign="center" paddingTop="10">  
  48.  <mx:PopUpButton id="popUpButton" label="选择菜单中的项" creationComplete="init();" width="200" popUpStyleName="popUpButtonStyle" />  
  49. </mx:Panel>  
  50. /mx:Application>