`

Flex创建菜单栏

    博客分类:
  • Flex
阅读更多

运行效果请访问:http://tongqiuyan.blog.163.com/blog/static/1955453022011921114130827/

代码如下:

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				layout="vertical"
				verticalAlign="top"
				fontSize="12"
				paddingTop="20">
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.MenuEvent;
			[Bindable]
			[Embed(source="gif-0952.gif")]
			public var myIcon:Class;

			private function itemClickHandler(event:MenuEvent):void
			{
				if (event.label == "退出")
				{
					Alert.show("您单击的是退出按钮");
				}
			}
		]]>
	</mx:Script>
	<mx:Panel width="420"
			  height="350"
			  title="菜单栏"
			  paddingLeft="10"
			  paddingTop="10">
		<mx:MenuBar id="myMenuBar"
					labelField="@label"
					iconField="@icon"
					itemClick="itemClickHandler(event);"
					height="30"
					width="380">
			<mx:XMLList>
				<menuitem label="文件">
					<menuitem label="打开..."/>
					<menuitem label="保存"
							  enabled="false" icon="myIcon"/>
					<menuitem label="另存为..."
							  type="check"
							  toggled="true"/>
					<menuitem label=""
							  type="separator"/>
					<menuitem label="发送">
						<menuitem label="电子邮件页面"
								  type="radio"
								  groupName="one"/>
						<menuitem label="桌面快捷方式"
								  type="radio"
								  groupName="one"
								  toggled="true"/>
					</menuitem>
					<menuitem label="打印"/>
					<menuitem label="退出"/>
				</menuitem>
				<menuitem label="编辑"/>
				<menuitem label="查看"/>
				<menuitem label="工具"/>
				<menuitem label="帮助"/>
			</mx:XMLList>
		</mx:MenuBar>
	</mx:Panel>
</mx:Application>

 

分享到:
评论

相关推荐

    flex常用动态菜单

    创建一个基本的Flex菜单需要定义菜单项`MenuItem`。在ActionScript中,我们可以这样创建: ```actionscript var menu:Menu = new Menu(); menu.id = "myMenu"; var menuItem1:MenuItem = new MenuItem(); menuItem1...

    网站的菜单栏

    1. **布局样式**:使用CSS的`display`属性,我们可以设置菜单栏为行内元素(如`inline-block`或`flex`)或者块级元素(如`block`),以控制菜单项的排列方式。 2. **颜色和背景**:通过`color`和`background-color`...

    CSS菜单栏 超级强大

    本文将深入探讨如何使用CSS创建各种各样的强大菜单栏。 一、CSS基础 在理解CSS菜单栏之前,我们需要了解一些基本概念。CSS通过选择器(如元素选择器、类选择器、ID选择器等)来定位HTML元素,并应用样式。浮动...

    css+div+js实现简单导航栏菜单栏

    接下来,我们将深入探讨这三个关键技术在创建导航栏菜单栏中的应用。 首先,CSS(层叠样式表)是用于定义网页元素外观的语言。在创建导航栏时,CSS可以帮助我们定义菜单的样式,包括颜色、字体、大小、布局等。例如...

    Flex导航菜单

    在描述中提到的“博文链接:https://guangqiang.iteye.com/blog/1007618”虽然没有提供具体信息,但通常这类博客会包含详细的步骤或者代码示例,教导读者如何创建和实现一个Flex导航菜单。博主可能分享了自定义Flex...

    js和css实现的19个菜单栏案例

    创建一个基础的菜单栏,可以使用`&lt;ul&gt;`和`&lt;li&gt;`元素,通过设置`display`属性为`inline-block`或`flex`让菜单项排列成一行。添加背景颜色、边框和文字样式,可以打造出简洁的菜单栏。 2. **悬停效果** 利用CSS的`:...

    Flex 导航菜单 绝非一般 cool

    4. **菜单组件**:在Flex中,有内置的Menu和MenuBar组件用于创建下拉菜单和顶部菜单栏。然而,由于描述中提到的菜单“绝非一般 cool”,我们可以推断这个例子可能使用了自定义的菜单组件,以实现更复杂、更吸引人的...

    Ajax菜单栏效果 竖行效果

    在网页设计中,Ajax(Asynchronous...通过以上这些技术点的综合运用,我们可以创建一个功能完备、用户体验良好的Ajax竖行菜单栏。它不仅能提升网站的交互性,还能让内容加载更加高效,使用户在浏览过程中感到更加流畅。

    flex-menu.rar_Flex 4_Menu_flex_flex Menu_flex 菜单

    Flex 4 是Adobe Flex框架的一个重要版本,它在2009年发布,极大地提升了开发富互联网应用程序...通过这个压缩包,你可以了解到如何利用Flex 4的强大功能创建美观且功能丰富的菜单系统,提升你的RIA应用的专业水平。

    Flex 菜单导航特效 工程源码

    总的来说,“Flex 菜单导航特效工程源码”是一个宝贵的教育资源,它揭示了如何使用Flex创建功能强大且富有吸引力的菜单导航系统。无论是初学者还是有经验的开发者,都能从中受益,提升自己在Flex领域的技能。

    js漂亮的菜单栏

    在创建“js漂亮的菜单栏”时,我们首先需要理解基本的HTML结构,定义菜单项和子菜单项。通常,菜单栏由`&lt;nav&gt;`元素包裹,而菜单项则由`&lt;ul&gt;`和`&lt;li&gt;`元素构成。例如: ```html &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; ...

    js实现底部菜单栏

    首先,我们需要创建HTML结构来定义底部菜单栏的基础布局。一个常见的底部菜单栏可能包括多个链接元素,每个元素代表一个页面或功能。例如: ```html &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;关于...

    Flex控件折叠效果

    - **导航菜单**:在复杂的应用中,折叠效果可以用于创建层次结构的导航菜单,使用户能够逐步探索内容。 - **设置面板**:在配置或设置界面中,折叠效果可以隐藏不常用或高级的选项,保持界面整洁。 - **内容展示*...

    Flex组建开发-2(菜单篇)

    Flex中的菜单主要由Menu、MenuBar、MenuItem等类组成,这些类是Flash Player的显示列表的一部分,用于创建交互式的下拉菜单和菜单栏。Menu类代表一个下拉菜单,而MenuBar类则用于创建横向的菜单栏。MenuItem类是菜单...

    超出页面宽度部分的菜单栏转为下拉列表.zip

    在网页设计中,菜单栏是用户界面的重要组成部分,它通常包含网站的主要导航链接。当一个横向菜单或列表的长度超过浏览器的可视区域宽度时,为了保持用户体验的友好性,需要采取措施来处理这种情况。"超出页面宽度...

    flex动态菜单(Menubar)

    Flex是Adobe开发的一款用于构建富互联网应用程序(RIA)的开源框架,它提供了丰富的组件库,包括Menubar组件,用于创建水平布局的菜单栏。本篇将详细讲解如何利用Flex中的Menubar组件和XML配置来实现动态菜单,并在...

    左侧菜单栏响应式布局JS+CSS

    下面我们将深入探讨这两个技术如何协同工作以创建适应性强的左侧菜单栏。 首先,CSS(层叠样式表)是网页样式和布局的核心,它可以定义元素的外观、布局和结构。在响应式布局中,CSS的关键在于媒体查询(Media ...

    flex 窗口托盘和全屏

    2. 创建TrayIcon对象:在Flex应用程序的初始化阶段,创建一个TrayIcon实例,并设置其图标和菜单项。菜单项可以包含“退出”和“还原”等操作。 3. 监听事件:添加事件监听器以处理用户在托盘菜单上的选择。例如,当...

    FlexBuiler安装及新建Flex工程步骤

    2. **创建新工程**: 在菜单栏中选择“文件”&gt;“新建”&gt;“项目”。在弹出的对话框中,选择“Flex项目”并点击“下一步”。 3. **工程设置**: 在“新Flex项目”向导中,填写工程的基本信息,如工程名称、位置和主类名...

Global site tag (gtag.js) - Google Analytics