flex_菜单浅析;

原创 2012年03月23日 11:43:05

=>创建简单菜单示例

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="1024" minHeight="768" pageTitle="TheStudioOfCenyebao">
    
    <fx:Script>
        <![CDATA[
            protected function createBtn_clickHandler(event:MouseEvent):void
            {
                var secMenu:Menu = Menu.createMenu(null,menuData,true);
                secMenu.labelField = "@label";    // 指明label属性作为显示的标签。@符号不能少,因为使用的是XML,使用数组则不用。
                secMenu.show(event.stageX, event.stageY+event.target.height);
            }
        ]]>
    </fx:Script>
   
    <!-- Demo_应用程序导航_创建简单菜单示例-->

    <fx:Declarations>
        <!-- 非可视元素 -->
        <mx:XMLListCollection id="menuData">
            <mx:source>
                <fx:XMLList>
                    <menuitem label="Tasks">
                        <submenu label="Add Request"/>
                        <submenu label="Add Person">
                            <submenu label="Customer"/>
                            <submenu label="Employee"/>
                        </submenu>
                    </menuitem>
                </fx:XMLList>
            </mx:source>
        </mx:XMLListCollection>
    </fx:Declarations>
    
    <!--view-->
    <s:HGroup verticalCenter="0" horizontalCenter="0" gap="10">
        <s:VGroup gap="0">
            <s:Button id="showBtn" label="DisplayMenu" click="menu.show()"/>
            <mx:Menu id="menu" showRoot="true" labelField="@label" dataProvider="{menuData}"/>
        </s:VGroup>
        <s:VGroup gap="0" id="createBox">
            <s:Button id="createBtn" label="CreateMenu" click="createBtn_clickHandler(event)"/>
        </s:VGroup>
    </s:HGroup>
</s:Application>


=>自定义菜单及与菜单交互示例

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               minWidth="1024" minHeight="768" pageTitle="TheStudioOfCenyebao">
    
    <!-- Demo_应用程序导航_自定义菜单及与菜单交互示例 -->
    
    <fx:Script>
        <![CDATA[
            import mx.events.MenuEvent;
            
            [Bindable]
            [Embed(source="public/img/user.png")]
            public var userIcon:Class;    // 在菜单中所用到的图标;
            
            /**
             * 菜单项单击事件;
             */
            protected function menu_itemClickHandler(event:MenuEvent):void
            {
                // 或者被单击的菜单项。
                var item:XML = XML(event.item);
                
                // 在标签组件中显示相关信息。
                outLbl.text = "You selected: " + item.@label + ", Position:" + event.index + ";";
            }
            
        ]]>
    </fx:Script>
    
    <fx:Declarations>
        <!-- 非可视元素 -->
        <mx:XMLListCollection id="menuData">
            <fx:XMLList>
                <menuitem label="Tasks">
                    <submenu label="Add Request" enabled="false"/>
                    <submenu type="separator"/>
                    <submenu label="Add Person" icon="userIcon">
                        <submenu label="Customer" type="radio" groupName="persons"/>
                        <submenu label="Employee" type="radio" groupName="persons" toggled="true"/>
                    </submenu>
                    <submenu label="Auto Update" type="check" toggled="true"/>
                </menuitem>
            </fx:XMLList>
        </mx:XMLListCollection>
    </fx:Declarations>
    
    <!--view-->
    <s:VGroup verticalCenter="0" horizontalCenter="0" gap="0">
        <s:Label id="outLbl" text="Please click the Menu below;" fontWeight="bold" fontSize="18"/>
        <s:Spacer height="10"/>
        <s:Button id="showBtn" label="菜单" click="menu.show()"/>
        <mx:Menu id="menu" showRoot="true" labelField="@label" iconField="@icon" dataProvider="{menuData}"
                 itemClick="menu_itemClickHandler(event)"/>
    </s:VGroup>
</s:Application>

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

flex与js交互浅析.docx

  • 2013-08-25 21:18
  • 17KB
  • 下载

Flex事件机制浅析

事件机制是flex的核心机制之一。我们应该会在很多介绍flex框架、机制或者类似flex入门之类的文章中看到这样一句话:“flex是由事件驱动的”。由这句话我们可以知道,事件对于flex来讲是非常重要...

浅析flex中的焦点focus

一、无焦点的困扰——组件监听不到键盘事件 原因:只有获得焦点的组件(确切说是InteractiveObject)才能监听到键盘事件的目标阶段;键盘事件(flash.events.KeyboardEv...

Flex自定义右键菜单具体实现

本篇博客主要说明的是flex中屏蔽邮件菜单并且自定义菜单功能。 1、自定义右键菜单注册类 public class RightClickManager { static private v...

Flex右键菜单扫盲

怎么添加右键?在 Flex 中,只有应用程序中的顶层组件才能拥有上下文菜单。例如,如果 DataGrid 控件是 TabNavigator 或 VBox 容器的子级,则 DataGrid 控件不能拥有...

FLEX 树形菜单例子(二)

这个例子是用来选中子节点的同时展开父节点
  • soanl
  • soanl
  • 2014-03-10 14:18
  • 1329

在Flex中个性化定制属于你的右键菜单

import flash.net.navigateToURL;

flex4 自定义右键菜单

浅析flex UI层实现

一       作为初涉flex的程序员,我认为一个好的UI层,可以给人一种比较赏心悦目的感觉,好的UI层可以极大的勾起你继续开发的欲望,但是无核实现一个好的UI层,如何设计一个比较赏心悦目的界面呢...

flex与js交互浅析

1.flex调用js方法 调用方法例如:ExternalInterface.call("UploadComplete",oldName,uidName,_dir+"/"+uidName+ty...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)