弹出菜单的运行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>?
