您的位置:首页 > 产品设计 > 产品经理

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

2012-05-15 17:04 495 查看
弹出菜单的运行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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: