flex 弹出菜单-CSDN博客

本文链接：https://blog.csdn.net/iteye_2857/article/details/82199055

本文介绍了一个使用Adobe Flex框架创建下拉菜单的示例。该示例通过自定义按钮触发菜单显示，并演示了如何使用Menu控件及相应事件处理程序来响应用户的交互。

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

<?xml version="1.0"?>

<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>