icon

<?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="955" minHeight="600"> <s:layout>
<s:VerticalLayout gap="0"/>
</s:layout>
<fx:Script>
<![CDATA[
[Bindable]
[Embed(source="pic/1.jpg")]
public var userIcon:Class;
]]>
</fx:Script>
<fx:Declarations>
<mx:XMLListCollection id="menuData">
<fx:XMLList xmlns="">
<meinuitem label ="根目录">
<submenu label="一级目录" enabled="false"/>
<submenu type="separator"/>
<submenu label="一级目录" icon="userIcon">
<submenu label="二级1" type="radio" groupName="person"/>
<submenu label="二级2" type="radio" groupName="person" toggled="true"/>
</submenu>
<submeu label="自动更新" type="check" toggled="true"/>
</meinuitem>
</fx:XMLList>
</mx:XMLListCollection>
</fx:Declarations>
<s:Button label="显示菜单" click="menu.show()"/>
<mx:Menu id="menu" showRoot="true" labelField="@label" iconField="@icon" dataProvider="{menuData}"/>
</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="955" minHeight="600">
<s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.events.MenuEvent;
[Bindable]
[Embed(source="pic/1.jpg")]
public var userIcon:Class;
private function onMenuClick(event:MenuEvent):void
{
var item:XML = XML(event.item);
lastEvent.text ="Selection:" + item.@label + ",Position:" + event.index +"Type:" +item.@personType;
}
]]>
</fx:Script>
<fx:Declarations>
<mx:XMLListCollection id="menuData">
<fx:XMLList xmlns="">
<menuitem label="Tasks">
<submenu label="根目录" enabled="false"/>
<submenu label="" type="separator"/>
<submenu label="增加人" icon="userIcon">
<submenu label="客户" type="radio" groupName="persons" personType="32"/>
<submenu label="雇主" type="raido" groupName="persons" personType="57"/>
</submenu>
<submenu label="Auto Update" type="check" toggled="true"/>
</menuitem>
</fx:XMLList>
</mx:XMLListCollection>
</fx:Declarations>
<mx:Button label="Display Menu" click="menu.show()"/>
<mx:Menu id="menu" showRoot="true" labelField="@label" iconField="@icon" dataProvider="{menuData}" itemClick="onMenuClick(event)" />
<mx:Spacer height="10"/>
<mx:Label id="lastEvent"/> </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="955" minHeight="600">
<fx:Declarations>
<s:XMLListCollection id="menuData">
<fx:XMLList xmlns="">
<menuitem label="文件">
<submenu label="New">
<submenu label="工程"/>
<submenu label="命令"/>
</submenu>
<submenu label="Print"/>
</menuitem>
<menuitem label="View">
<submenu label="Users"/>
<submenu label="Peports"/>
</menuitem>
</fx:XMLList>
</s:XMLListCollection>
</fx:Declarations>
<mx:MenuBar id="menuBar" labelField="@label" dataProvider="{menuData}"/> </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="955" minHeight="600"> <s:layout>
<s:VerticalLayout/>
</s:layout>
<fx:Script>
<![CDATA[
import mx.events.MenuEvent;
private function onMenuClick(event:MenuEvent):void{
var item:XML = XML(event.item);
lastEvent.text ="Selection选择的: "+item.@label+" , Position位置:" + event.index;
}
]]>
</fx:Script>
<fx:Declarations>
<s:XMLListCollection id="menuData">
<fx:XMLList xmlns="">
<menuitem label="文件">
<submenu label="New">
<submenu label="工程"/>
<submenu label="命令"/>
</submenu>
<submenu label="Print"/>
</menuitem>
<menuitem label="View">
<submenu label="Users"/>
<submenu label="Peports"/>
</menuitem>
</fx:XMLList>
</s:XMLListCollection>
</fx:Declarations>
<mx:MenuBar id="menuBar" labelField="@label" dataProvider="{menuData}" x="100" y="500" itemClick="onMenuClick(event)"/>
<s:Spacer height="100"/>
<mx:Text id="lastEvent"/> </s:Application>

以下代码是 VIEWSTACK 容器   和 s:navigatorcontent 子容器

<?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="955" minHeight="600"> <s:layout>
<s:VerticalLayout/>
</s:layout>
<mx:ViewStack id="stack" width="100%" height="100%">
<s:NavigatorContent label="TVS" width="100%" height="100%">
<s:Label text="这是一个容器"/>
</s:NavigatorContent>
<s:NavigatorContent label="Cameras" width="100%" height="100%">
<s:Label text="CAMERAS容器"/>
</s:NavigatorContent>
<s:NavigatorContent label="cumputer" width="100%" height="100%">
<s:Label text="Cumputer容器"/>
</s:NavigatorContent>
</mx:ViewStack> </s:Application>

Flex学习笔记-自定义菜单的显示细节的更多相关文章

  1. Flex学习笔记--多层菜单按钮

    <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...

  2. flex学习笔记 使用函数,显示实时更新的标签

    <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...

  3. flex学习笔记-日历选择与显示

    <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...

  4. iOS学习笔记-自定义过渡动画

    代码地址如下:http://www.demodashi.com/demo/11678.html 这篇笔记翻译自raywenderlick网站的过渡动画的一篇文章,原文用的swift,由于考虑到swif ...

  5. blfs(systemv版本)学习笔记-编译安装ligtdm显示管理器

    我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! ligtdm带有显示管理器和登录器,参照我的笔记安装xorg和i3后安装lightdm,就可以组成一个简易的桌面环境了 下面是l ...

  6. android学习笔记23——菜单

    菜单在桌面应用程序中使用非常广泛,由于手机屏幕的制约,菜单在手机应用中减少不少. android应用中的菜单默认是不可见的,只有当用户单击手机上“Menu”键时,系统才会显示该应用关联的采用项. an ...

  7. flex学习笔记 显示数字步进

    <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...

  8. JS学习笔记 - 自定义右键菜单、文本框只能输入数字

    <script> // 事件总共有2个部分, //1.点击鼠标右键的表现 oncontextmenu 2.点击鼠标左键的表现(即普通点击onclick) // 点击右键,div位置定位到鼠 ...

  9. #Linux学习笔记# 自定义shell终端提示符

    我使用的Linux发行版是LinuxMint 17.2 Rafaela,默认情况下Terminal中的shell提示包括了用户名.主机名.当前目录(绝对路径)和提示符.这样会导致当进入一个比较深的目录 ...

随机推荐

  1. 黄聪:如何高效率存储微信中的 access_token

    众所周知,在微信开发中,获取access_token 的接口每天的调用次数是有限制的,2000次应该是. 不过其实这些完全够用了,除非你不小心写了个循环,在1秒中内用完了. 每个access_toke ...

  2. Java第09次实验(IO流)

    参考资料 本次作业参考文件 正则表达式参考资料 第1次实验 0. 验证 使用FileOutputStream写字节.(二进制文件与文本文件.try...catch...finally注意事项) 使用D ...

  3. STL中erase()的用法

    erase()是STL提供的容器中比较常用的方法之一,它的功能是删除容器中的某些元素,其中它的函数原型如下: 1.有两个参数,且参数类型都是size_t型: string& erase ( s ...

  4. Qt 常用类 (4)—— QPoint

    转载:落叶知秋时 QPoint 类代表一个坐标点,实现在 QtCore 共享库中.它可以认为是一个整型的横坐标和一个整型的纵坐标的组合. 构造 QPoint 类支持以下两种构造方式: QPoint() ...

  5. ==和is

    is是比较两个引用是否指向了同一个对象(引用比较) ==是比较两个对象是否相等 数字在:-5~256之间的时候用来赋值的内存地址是不变的

  6. itertools库中product函数用法 (即可以随机出所有组合,因果图那样的)

  7. 云中树莓派(2):将传感器数据上传到 AWS IoT 并利用Kibana进行展示

    云中树莓派(1):环境准备 云中树莓派(2):将传感器数据上传到AWS IoT 并利用Kibana进行展示 1. 传感器安装及配置 1.1 DHT22 安装 DHT22 是一款温度与湿度传感器,它有3 ...

  8. fragment--的生命周期

    官网帮助文档链接: http://developer.Android.com/guide/components/fragments.html 主要看两张图,和跑代码 1,Fragment的生命周: 2 ...

  9. [UE4]最简单的虚幻4网络游戏,使用虚幻4内置服务器

    一.设置游戏窗口合适的大小 二.在新窗口中运行游戏.玩家数量改成大于1.   三.运行游戏就会打开多个窗口 在打包完成的游戏中进行网络游戏: 一.虚幻4打包好的文件是放在WindowsNoEditor ...

  10. spring 配置文件的头部 xmls

    <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w ...