flex_菜单栏使用浅析;

原创 2012年03月23日 14:29:40
<?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 menuBar_itemClickHandler(event:MenuEvent):void
            {
                // 获取选择的菜单项:
                var menuItem:XML = XML(event.item);
                
                // 输出信息:
                menuLbl.text = "所选择菜单项:" + menuItem.@label + ", 位置:" + event.index + ";";
            }
            
        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- 非可视元素 -->
        <s:XMLListCollection id="menuData">
            <fx:XMLList>
                <menuitem label="文件">
                    <submenu label="新建">
                        <submenu label="请求" enabled="false"/>
                        <submenu type="separator"/>
                        <submenu label="项目"/>
                        <submenu label="角色" 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"/>
                    </submenu>
                    <submenu label="打印"/>
                </menuitem>
                <menuitem label="视图">
                    <submenu label="用户"/>
                    <submenu label="报告"/>
                </menuitem>
            </fx:XMLList>
        </s:XMLListCollection>
    </fx:Declarations>
    
    <!--view-->
    <s:VGroup verticalCenter="0" horizontalCenter="0">
        <s:Label id="menuLbl" text="菜单栏" fontWeight="bold" fontSize="18"/>
        <mx:MenuBar id="menuBar" dataProvider="{menuData}" labelField="@label" iconField="@icon"
                    itemClick="menuBar_itemClickHandler(event)"/>
    </s:VGroup>
    
</s:Application>


Flex 菜单效果

Flex的菜单大致有三种形式:菜单控件(Menu),菜单栏控件(MenuBar),弹出式按钮菜单控件(PopUpButtonMenu)Menu 控件创建可分别选择的选项的弹出菜单,此弹出菜单类似于大多...

flex 制作导航栏菜单

做的时候,百度了好多资料,方法多的很,综合分析了一下,找了一种针对我们项目的最简洁,最合适的实现方法。         想要的最终效果是菜单放在界面的最上方,单击每一个最终分支(也就是到叶节点 的时...

vs2008(C#) IDE 使用之 菜单栏/文件/新建

——快捷键Alt+F ①:新建(设计到的项目,本文只是粗略介绍)        1):项目(Ctrl+Shift+N), 点击该菜单会弹出一个新建项目的窗口 如下:              ...
  • jeabo
  • jeabo
  • 2014年12月08日 18:12
  • 524

Android 使用RadioGroup实现底部菜单栏

  • 2016年06月14日 12:23
  • 6.58MB
  • 下载

Android的FragmentTabHost使用(顶部或底部菜单栏)

首先给大家拜个年,祝大伙新年快乐!万事如意! 第一种:通过FragmentTabHost+Fragment来实现其点击顶部实现切换页面的效果!** 第一步:编写布局文件...
  • willba
  • willba
  • 2017年01月30日 20:38
  • 1072

使用TabHost实现底部菜单栏

  • 2017年06月29日 11:40
  • 4.08MB
  • 下载

使用DrawerLayout,FragmentTabHost实现测滑式底部菜单栏界面

最近学习了DrawerLayout,闲来无事把自己的学习记录记录下来: 首先是DrawerLayout布局 mainlayout.xml ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex_菜单栏使用浅析;
举报原因:
原因补充:

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