`

flex 弹出菜单

    博客分类:
  • flex
 
阅读更多

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Menu control. -->
<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>

分享到:
评论

相关推荐

    用flex实现苹果样式的弹出菜单

    在本文中,我们将深入探讨如何使用Flex技术来创建一个类似于苹果风格的弹出菜单。Flex是一种基于ActionScript和MXML的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的用户界面组件和强大的数据绑定...

    微信小程序实现弹出菜单功能

    点击标签栏弹出菜单,并且出现透明遮罩; 遮罩优先级在弹出框之下; 弹出框内标签的设置; 滚动栏滚动条的隐藏 如何解决? 弹性布局,横向,三者平分整栏; 状态监听点击事件,数据控制hide或者show,通过rgba...

    flex常用动态菜单

    `Menu`组件可以作为下拉菜单或独立的弹出式菜单使用,其功能强大,可定制性强,非常适合创建各种动态菜单。 二、创建基本菜单 创建一个基本的Flex菜单需要定义菜单项`MenuItem`。在ActionScript中,我们可以这样...

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

    本篇文章将深入探讨如何在Flex中创建弹出菜单,包括PopUpButton、Menu和PopMenuButton组件的使用。这些组件使得用户界面更加交互友好,提供了下拉式菜单的功能,通常用于显示一系列相关的操作选项。 首先,`...

    css纵向导航菜单及二级弹出菜单

    本主题聚焦于“css纵向导航菜单及二级弹出菜单”,这是一种常见的交互式网页设计技术,尤其适用于内容层次丰富的网站。 首先,让我们详细了解纵向导航菜单。纵向菜单,也称为侧边栏菜单,通常位于网页的一侧(左侧...

    Flex 实现右键菜单

    这段代码会阻止默认的右键菜单弹出,为我们的自定义右键菜单提供空间。 接下来,我们将构建自定义的右键菜单。在Flex中,我们可以使用`ContextMenu`类来创建菜单,而`ContextMenuItem`类则用于创建菜单项。如果需要...

    弹出式菜单

    在“仿百度阅读的弹出效果”中,我们可能指的是一个类似于百度阅读应用中的弹出菜单设计,它可能包含了如书签、章节选择、设置等与阅读相关的操作。 实现弹出式菜单涉及到多个技术方面,包括前端开发中的JavaScript...

    flex右键菜单RightClickManager 非Application也可以弹出

    要实现在非Application组件上弹出RightClickManager,你需要做以下几步: 1. **导入必要的库**:首先,确保你的项目包含了RightClickManager库。这可能需要将库文件(如RightClickManager.swc)添加到你的项目类...

    纯css制作的弹出菜单

    在网页设计中,创建交互式的用户体验是至关重要的,而弹出菜单正是实现这一目标的有效工具。"纯CSS制作的弹出菜单"是一个专注于利用CSS(层叠样式表)技术来构建这种功能的方法,无需借助JavaScript或者其他编程语言...

    flex添加右键菜单实例

    首先,我们需要导入必要的类库,包括`mx.core.ContextualClassFactory`用于创建ContextMenuItem,`mx.controls.Alert`用于弹出警告对话框,以及`mx.events.ContextMenuEvent`处理菜单项选择事件。这些导入语句在`...

    flex自定义右键菜单 完全屏蔽

    在Flex中,当用户在组件上点击鼠标右键时,通常会弹出默认的系统级右键菜单。为了屏蔽这个菜单,我们需要覆盖组件的`creationComplete`事件,然后监听`contextMenu`事件。在事件处理函数中,我们可以设置`event....

    JavaScript手机端右侧响应式弹出菜单demo

    在JavaScript手机端右侧响应式弹出菜单的开发中,我们需要关注几个关键知识点,这些知识点将构建一个用户友好、适应不同屏幕尺寸的交互式菜单。在本文中,我们将深入探讨JavaScript、ECMAScript、前端开发以及如何...

    flex自定义右键菜单

    这时,我们需要监听鼠标右键点击事件,并手动弹出自定义菜单。以下是一个简单的实现: ```actionscript myDisplayObject.addEventListener(ContextMenuEvent.MENU_SHOW, onContextMenuShow); function ...

    手机端左侧弹性导航菜单,点击左上角菜单图标,弹出菜单, 再次点击菜单隐藏

    本文将深入探讨如何实现一个手机端左侧弹性导航菜单,该菜单在点击左上角的菜单图标时弹出,再次点击时则隐藏,且完全不依赖jQuery库,同时具备对主流浏览器的良好兼容性。 首先,我们关注的是JavaScript基础,它是...

    flex 4.6 树形多选+动态菜单

    包含2个demo 一个是树形多选框,可选中多个选项,并同时显示选中项的内容;一个是动态可伸缩的菜单,点击后弹出菜单,菜单失去焦点后收缩。

    AS3+xml下拉菜单_下拉弹出框菜单

    在本文中,我们将深入探讨AS3.0与XML结合实现的下拉菜单和弹出框菜单的原理、设计以及实际应用。AS3.0(ActionScript 3.0)是Adobe Flash开发中的主要编程语言,它提供了强大的功能和高效的性能。XML(eXtensible ...

    flash11.2新功能,Flex屏蔽右击菜单

    标题提到的"Flash 11.2新功能,Flex屏蔽右击菜单"是指在使用Adobe Flash Player 11.2及Flex框架进行开发时,如何阻止用户通过鼠标右键点击在应用程序上弹出默认的上下文菜单,以及如何自定义自己的右键菜单。...

    flex 右键菜单 屏蔽原来的

    然后,通过`menu.show(x, y)`方法显示菜单,其中`x`和`y`是菜单弹出的位置坐标。 然而,对于更复杂的事件处理,我们需要使用`addEventListener`方法来注册事件监听器。Flex的可视化组件继承自`EventDispatcher`类,...

    jquery九宫格布局点击弹出菜单九宫格布局效果代码

    本篇文章将详细讲解如何利用jQuery实现一个九宫格布局,并在点击时弹出菜单的特效。 一、jQuery九宫格布局 九宫格布局是一种常见的网页设计模式,它将内容均匀地分布在一个3x3的网格中。在HTML中,我们可以创建一个...

Global site tag (gtag.js) - Google Analytics