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提示包括了用户名.主机名.当前目录(绝对路径)和提示符.这样会导致当进入一个比较深的目录 ...
随机推荐
- HTML5本地存储之Web Storage实例篇,最有用的是localStorage
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
- ALGO-123_蓝桥杯_算法训练_A+B problem
问题描述 Given two integers A and B, your task is to output their sum, A+B. 输入格式 The input contains of o ...
- 【git】之分支管理
git是鼓励开发者使用分支,尤其是在大型开发项目中,分支是非常重要的!这里简单介绍一下分支的操作! 1.创建分支 git branch 没有参数,显示本地版本库中所有的本地分支名称. 当前检出分支的前 ...
- elasticsearch 口水篇（3）java客户端 - Jest
elasticsearch有丰富的客户端,java客户端有Jest.其原文介绍如下: Jest is a Java HTTP Rest client for ElasticSearch.It is a ...
- 【JVM参数】Java启动时，显示class是从哪个Jar中加载的
显示具体的Class是从哪个Jar文件加载 JVM参数: -verbose:class 启动后输出如下: [Opened D:\Program Files\Java\jdk1.8.0_131\jre\ ...
- Qt深入浅出（十五）QTableView
转载:吓人的猿 TableView 表格视图控件QTableView,需要和QStandardItemModel, 配套使用,这套框架是基于MVC设计模式设计的,M(Model)是QStandardI ...
- 关于socket阻塞与非阻塞情况下的recv、send、read、write返回值---部分内容可能不确切，待讨论
1.阻塞模式与非阻塞模式下recv的返回值各代表什么意思?有没有区别?(就我目前了解阻塞与非阻塞recv返回值没有区分,都是 <0:出错,=0:连接关闭,>0接收到数据大小,特别:返回值 ...
- 学习笔记之Data Visualization
Data visualization - Wikipedia https://en.wikipedia.org/wiki/Data_visualization Data visualization o ...
- go中的无限极分类的问题
最近在开发的过程中遇到一个无限极分类的问题,这种问题在php中写过很多,想着很简单,3-5分钟就能解决,结果竟然写了半小时,既然这样,就把这个给总结下. 思路 1.循环数据,放到hash中,把标识的数 ...
- BGP属性+13条选路原则(转载)
原文:http://blog.sina.com.cn/s/blog_be409c2f0102x6sg.html BGP(Border Gateway Protocol)边界网关协议 BGP(Borde ...