flex_菜单浅析;
来源:互联网 发布:网络攻击实时 编辑:程序博客网 时间:2024/06/07 03:04
=>创建简单菜单示例
<?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">
<fx:Script>
<![CDATA[
protected function createBtn_clickHandler(event:MouseEvent):void
{
var secMenu:Menu = Menu.createMenu(null,menuData,true);
secMenu.labelField = "@label"; // 指明label属性作为显示的标签。@符号不能少,因为使用的是XML,使用数组则不用。
secMenu.show(event.stageX, event.stageY+event.target.height);
}
]]>
</fx:Script>
<!-- Demo_应用程序导航_创建简单菜单示例-->
<fx:Declarations>
<!-- 非可视元素 -->
<mx:XMLListCollection id="menuData">
<mx:source>
<fx:XMLList>
<menuitem label="Tasks">
<submenu label="Add Request"/>
<submenu label="Add Person">
<submenu label="Customer"/>
<submenu label="Employee"/>
</submenu>
</menuitem>
</fx:XMLList>
</mx:source>
</mx:XMLListCollection>
</fx:Declarations>
<!--view-->
<s:HGroup verticalCenter="0" horizontalCenter="0" gap="10">
<s:VGroup gap="0">
<s:Button id="showBtn" label="DisplayMenu" click="menu.show()"/>
<mx:Menu id="menu" showRoot="true" labelField="@label" dataProvider="{menuData}"/>
</s:VGroup>
<s:VGroup gap="0" id="createBox">
<s:Button id="createBtn" label="CreateMenu" click="createBtn_clickHandler(event)"/>
</s:VGroup>
</s:HGroup>
</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="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 menu_itemClickHandler(event:MenuEvent):void
{
// 或者被单击的菜单项。
var item:XML = XML(event.item);
// 在标签组件中显示相关信息。
outLbl.text = "You selected: " + item.@label + ", Position:" + event.index + ";";
}
]]>
</fx:Script>
<fx:Declarations>
<!-- 非可视元素 -->
<mx:XMLListCollection id="menuData">
<fx:XMLList>
<menuitem label="Tasks">
<submenu label="Add Request" enabled="false"/>
<submenu type="separator"/>
<submenu label="Add Person" 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"/>
</menuitem>
</fx:XMLList>
</mx:XMLListCollection>
</fx:Declarations>
<!--view-->
<s:VGroup verticalCenter="0" horizontalCenter="0" gap="0">
<s:Label id="outLbl" text="Please click the Menu below;" fontWeight="bold" fontSize="18"/>
<s:Spacer height="10"/>
<s:Button id="showBtn" label="菜单" click="menu.show()"/>
<mx:Menu id="menu" showRoot="true" labelField="@label" iconField="@icon" dataProvider="{menuData}"
itemClick="menu_itemClickHandler(event)"/>
</s:VGroup>
</s:Application>
- flex_菜单浅析;
- flex_菜单栏使用浅析;
- flex_状态组使用浅析;
- flex_快捷键
- Android Menu菜单浅析
- 浅析淘宝首页菜单加载
- flex_咖啡收藏示例;
- flex_音乐播放列表示例;
- flex_(6)Rss_Xml_View示例;
- flex_对象动画;
- 【code】flex_进度条样式
- 《转》浅析Ubuntu 12.04右键菜单
- 浅析安卓5.0 侧滑菜单
- Flex_与java的通信
- flex_可编辑表格示例;
- flex_事件绑定说明示例;
- flex_控制弹出式窗口位置;
- flex_警告窗口自定义示例;
- java method invoke
- Android Activity 生命周期 跟踪完全程序。有日志输出的
- Android下使用Properties文件保存程序设置
- CENTOS的GIT安装及使用
- linux下安装smplayer软件包
- flex_菜单浅析;
- Linux 命令行技巧 大师的指点,着实不错
- python get registry infomation
- 一个异步加载图片的公用类: EGOImageLoading
- 指针
- 转 谷峰网:Android UI设计准则大全
- 如何与你的老大沟通
- IOCP简介
- java-去掉字符串前面的零