如何使用Flex Menu-优快云博客

本文介绍了一个简单的FlexMenu使用示例，演示了如何创建并显示菜单控件，以及如何处理菜单项点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Menu control. -->
<!--
	如何使用Flex Menu
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[

            import mx.controls.Menu;
            import mx.events.MenuEvent;
            import mx.controls.Alert;           
            import flash.geom.Point;

            private var point1:Point = new Point();
            private var myMenu:Menu;

            // Create and display the Menu control.
            private function showMenu():void {
                myMenu= Menu.createMenu(panel, myMenuData, false);
                myMenu.labelField="@label"
                myMenu.addEventListener("itemClick", menuHandler);

                // Calculate position of Menu in Application's coordinates. 
                point1.x=mybutton.x;
                point1.y=mybutton.y;                
                point1=mybutton.localToGlobal(point1);

                myMenu.show(point1.x + 25, point1.y + 25);
            }

            // Event handler for the Menu control's change event.
            private function menuHandler(event:MenuEvent):void  {
                Alert.show("Label: " + event.item.@label, "Clicked menu item");
            }    
        ]]>
    </mx:Script>

    <mx:XML id="myMenuData">
        <root>
            <menuitem label="MenuItem 1" eventName="copy"/>
            <menuitem label="MenuItem 2" eventName="paste"/>
        </root>
    </mx:XML>

    <mx:Panel id="panel" title="Menu Control Example" height="75%" width="75%" 
        paddingTop="10" paddingLeft="10">

        <mx:Label width="100%" color="blue"
           text="Click the button to open the Menu control."/>

        <mx:Button id="mybutton" label="Open Menu" click="showMenu();"/>

    </mx:Panel>
</mx:Application>