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提示包括了用户名.主机名.当前目录(绝对路径)和提示符.这样会导致当进入一个比较深的目录 ...
随机推荐
- Java第07次实验提纲(异常)
PTA与参考资料 题集:集合 异常实验文件 第1次实验 1.1 7-1 常用异常 如何进行强制转换.父类型转化为子类型常见错误. 如何捕获多种类型的异常 简要输出异常信息,System.out.pri ...
- CreateUserWizard控件的使用
“CreateUserWizard”控件用于收集潜在用户所提供的信息.默认情况下,“CreateUserWizard”控件会将新用户添加到 ASP.NET 成员身份系统中.有关 ASP.NET 成员资 ...
- Java 线程转储 [转]
http://www.oschina.net/translate/java-thread-dump java线程转储 java的线程转储可以被定义为JVM中在某一个给定的时刻运行的所有线程的快照.一个 ...
- XHR HTTP 请求 get post请求解决方案
XHR请求的 测试方式, postman 64位下载地址: http://www.downza.cn/download?file=2017%2F01%2FPostmanwin64493.zip& ...
- Jmeter（十五）Logic Controllers 之 while Controller
while Controller是控制循环的Controller,条件判断的Controller.先看看官方Demo. while Controller控制它的子对象,直到false为止.并且还提供了 ...
- 在html中用js代替${pagecontext.request.getcontextpath}这样就不用使用jsp了
var pathArray = window.location.pathname.split('/'); var secondLevelLocation = pathArray[1]; var l ...
- Ribbon Workbench The plug-in execution failed because the Sandbox Client encountered an error during initialization
使用 Ribbon Workbench打开解决方案时,出现The plug-in execution failed because the Sandbox Client encountered an ...
- 关于jQuery点击事件叠加问题
先来看个例子: html: <body> <button id="btn">按钮</button> <button id="bt ...
- kafka的API操作
在集群的接收端 启动producer 在consumer这边能接收到producer发来的数据
- 集群中使用chronyc同步时间
在集群之中,有些服务器之间的时间需要同步,但并不是所有机器可以直接连外网,这时可以用Chrony工具解决. 解决方法是将其中一台设为时间服务器,然后其它服务器和这台时间服务器同步即可.具体步骤如下: ...