弹出按钮 控件 示例

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
    	<![CDATA[
    		import mx.messaging.channels.StreamingAMFChannel;
    		import mx.events.MenuEvent;
    	    import mx.controls.*;
    	    import mx.effects.*;
    	    
    	    private var myMenu:Menu;
    	    // 初始化 弹出按钮 菜单
    	    private function initMenu():void{
    	    	myMenu = new Menu();
    	    	var dp:Object = [{label:"目录 1"}, {label:"目录 2"}, {label:"目录 3"}];
    	    	myMenu.dataProvider = dp;
    	    	myMenu.selectedIndex = 0;
    	    	myMenu.addEventListener("itemClick", itemClickHandler);
    	    	popB.popUp = myMenu;
    	    	popB.label = "点击 弹出按钮";
    	    }
    	    // 对菜单控件的 itemClick 事件的 监听程序
    	    private function itemClickHandler(event:MenuEvent):void{
    	    	var label:String = event.item.label;
    	    	popTypeB.text = String("所选菜单 " + label);
    	    	popB.close();
    	    	myMenu.selectedIndex = event.index;
    	    }	
    	]]>
    </mx:Script>
    <mx:Style source="style.css"/>
    <mx:Panel title="弹出按钮 示例" height="75%" width="75%"
    	 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
     <mx:PopUpButton id="popB" creationComplete="initMenu();" width="135"/>
     <mx:Spacer height="50"/>
     <mx:TextArea height="28" id="popTypeB"/>
    	
    </mx:Panel>	
</mx:Application>

弹出 按钮 示例

单击 弹出按钮


选择 菜单条目