flex_菜单浅析;

=>创建简单菜单示例

<?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
想对作者说点什么? 我来说一句

Flex_学习资料【中文版】

2010年06月03日 2.05MB 下载

Flex_给图片加水印

2010年08月24日 4KB 下载

Flex_布局与容器

2012年10月24日 27KB 下载

Flex_构建带有CheckBox的Tree

2011年10月14日 160KB 下载

Flex_实例代码手册

2011年12月14日 14.19MB 下载

没有更多推荐了,返回首页

不良信息举报

flex_菜单浅析;

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭