Flex学习笔记-自定义菜单的显示细节
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学习笔记-自定义菜单的显示细节的更多相关文章
- Flex学习笔记--多层菜单按钮
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
- flex学习笔记 使用函数，显示实时更新的标签
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
- flex学习笔记-日历选择与显示
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
- iOS学习笔记-自定义过渡动画
代码地址如下:http://www.demodashi.com/demo/11678.html 这篇笔记翻译自raywenderlick网站的过渡动画的一篇文章,原文用的swift,由于考虑到swif ...
- blfs（systemv版本）学习笔记-编译安装ligtdm显示管理器
我的邮箱地址:zytrenren@163.com欢迎大家交流学习纠错! ligtdm带有显示管理器和登录器,参照我的笔记安装xorg和i3后安装lightdm,就可以组成一个简易的桌面环境了 下面是l ...
- android学习笔记23——菜单
菜单在桌面应用程序中使用非常广泛,由于手机屏幕的制约,菜单在手机应用中减少不少. android应用中的菜单默认是不可见的,只有当用户单击手机上“Menu”键时,系统才会显示该应用关联的采用项. an ...
- flex学习笔记 显示数字步进
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
- JS学习笔记 - 自定义右键菜单、文本框只能输入数字
<script> // 事件总共有2个部分, //1.点击鼠标右键的表现 oncontextmenu 2.点击鼠标左键的表现(即普通点击onclick) // 点击右键,div位置定位到鼠 ...
- #Linux学习笔记# 自定义shell终端提示符
我使用的Linux发行版是LinuxMint 17.2 Rafaela,默认情况下Terminal中的shell提示包括了用户名.主机名.当前目录(绝对路径)和提示符.这样会导致当进入一个比较深的目录 ...
随机推荐
- 胖子哥的大数据之路（9）-数据仓库金融行业数据逻辑模型FS-LDM
引言: 大数据不是海市蜃楼,万丈高楼平地起只是意淫,大数据发展还要从点滴做起,基于大数据构建国家级.行业级数据中心的项目会越来越多,大数据只是技术,而非解决方案,同样面临数据组织模式,数据逻辑模式的问 ...
- Android开发之选项菜单（optinosMenu）
android一共有三种形式的菜单: 1.选项菜单(optinosMenu) 2.上下文菜单(ContextMenu) ...
- IDC：网管网
ylbtech-IDC:网管网 1.返回顶部 1. 中文名:网管网.网络管理信息 属 于:电信支撑网 通 过:工作站 网管网: 是接收.处理和传送网络管理信息的电信支撑网,它通过工作站.标 ...
- [转]Windows7：Visual Studio 2008试用版的评估期已经结束解决方法
原文来自:http://blog.sina.com.cn/s/blog_6b1815080100y5z3.html 以前在Windows2003碰到这个问题时,都是到"控制面板→添加 ...
- [UE4]蓝图替换节点、引用快捷方式
- [UE4]事件驱动的UI更新：事件调度器
事件调度器就是一个“事件中介”,可以被调用和被关注.
- Python绘制2D图像
封装了一个简单的2d绘图函数 from matplotlib import pyplot as plt def plot_line(*args, **kw): """ : ...
- Docker 系列01: Centos7.3 上安装docker
Docker从1.13版本之后采用时间线的方式作为版本号,分为社区版CE和企业版EE. 社区版是免费提供给个人开发者和小型团体使用的,企业版会提供额外的收费服务,比如经过官方测试认证过的基础设施.容器 ...
- MapReduce源码刨析
MapReduce编程刨析: Map map函数是对一些独立元素组成的概念列表(如单词计数中每行数据形成的列表)的每一个元素进行指定的操作(如把每行数据拆分成不同单词,并把每个单词计数为1),用户可以 ...
- 在django中，执行原始sql语句
extra()方法 结果集修改器,一种提供额外查询参数的机制 使用extra: 1:Book.objects.filter(publisher__name='广东人员出版社').extra(where ...