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>

“Ceph浅析”系列

开源技术专家章宇同学(@一棹凌烟)在C3沙龙分享过Ceph之后,最近来了劲头,一口气写了一系列《Ceph浅析》的博文,共8篇: “Ceph浅析”系列之一——前言 “Ceph浅析”系列之二——Ceph概...
  • qq_24916117
  • qq_24916117
  • 2015年12月30日 18:08
  • 586

Android Menu菜单浅析

Android Menu用法简析
  • HarryPotter_
  • HarryPotter_
  • 2016年07月30日 21:37
  • 153

【C语言】 浅谈指针

指针是就是地址,是一个特殊的变量,它里面存储的数值被解释成为内存里的一个地址。 要搞清一个指针需要搞清指针的四方面的内容:指针的类型、指针所指向的 类型、指针的值或者叫指针所指向的内存区、指针本身所占...
  • wbq1480
  • wbq1480
  • 2016年05月26日 12:25
  • 1421

jQuery和AngularJS的区别浅析

jQuery和AngularJS的区别浅析 这篇文章主要介绍了jQuery和AngularJS的区别浅析,本文着重讲解一个熟悉jQuery开的程序员如何应对AngularJS中的一些编程思想...
  • sundehui01
  • sundehui01
  • 2016年08月25日 10:15
  • 120

【code】flex_进度条样式

一共4个文件: JinDuTiaoItem.mxml:
  • nicky9470
  • nicky9470
  • 2015年06月08日 00:46
  • 739

linux组调度浅析

cgroup与组调度       linux内核实现了control group功能(cgroup,since linux 2.6.24),可以支持将进程分组,然后按组来划分各种资源。比如:gr...
  • ctthunagchneg
  • ctthunagchneg
  • 2013年05月11日 17:08
  • 2713

Linux内存管理浅析(一)

1.Linux内存管理的主要内容 a.      虚拟内存管理 b.      内核空间内存管理 c.      用户空间内存管理 2.虚拟内存和物理内存映射 ZONE_HIGH...
  • u012398362
  • u012398362
  • 2016年11月27日 19:40
  • 755

浅谈12306架构

原文地址:http://blog.csdn.net/qq_21260033/article/details/78969329 读了几篇有关12306架构设计的博客,在这里做下简单的总结: ...
  • tanga842428
  • tanga842428
  • 2018年01月16日 16:50
  • 176

MVC框架的浅谈

MVC框架 MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离...
  • qq_33642117
  • qq_33642117
  • 2016年07月11日 15:29
  • 611

PageRank算法浅析

PageRank,即网页排名,又称网页级别、Google左侧排名或佩奇排名。 PageRank,网页排名,又称网页级别、Google左侧排名或佩奇排名,是一种由搜索引擎根据网页之间相互的超链接计算的技...
  • u013035103
  • u013035103
  • 2014年04月24日 10:21
  • 4989
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex_菜单浅析;
举报原因:
原因补充:

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