精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网页软件>FLASH教程>正文

Flash MX 2004 UI组件系列教程(5)


来源:站长站 时间:06-09-21 点击: 点击这里收藏本文
Menut和Menu Bar组件可以使你很轻松做出主菜单。你的菜单可以包含图标,你可以设置侦听器来对用户的操作做出反应,同时你的菜单可以像checkbox和radio组件一样可以复杂也可以单选,menu 和menu Bar你可以独立的使用。 有MenuBar可以没有menu比如我们常用的工具栏。你也可以光有Menu而没有MenuBar,如当用户点击按钮时显示Menu。

菜单范例一、一个简单的菜单条

  1. 创建一个新的文件参照下图进行布局

  2. 创建一个新层命名为action。下层命名为component。

  3. 拖动一个MenuBar组件至场景的component层中。

  4. 打开属性面板将它的实例名命名为myMenuBar,同时我们注意到它的参数中只有一个label参数,你可以不去理会它,因为我们通过代码去实现它。

  5. 在这个例子中我们创建一个简单的帮助菜单,里面包含两个选项一个是about一个是egoldy。

  在Action层中的第一帧上输入如下代码:

var helpMenu=myMenuBar.addMenu("  Help  ");helpMenu.addMenuItem({label:"About",instanceName:"aboutMenuItem"});helpMenu.addMenuItem({label:"Egoldy",instanceName:"aboutEgoldy"});

  6. 测试你的影片,点击help,就会看到有两个选项可以选择,现在它们还不能做任何事情,如果你想让它做什么我们必须要为它设置侦听器。

  7. 修改第一帧的脚本,在其下加入如下代码:

var helpMenuListener=new Object();helpMenuListener.change=function(eventObj){ var theMenu=eventObj.menu; var theMenuItem=eventObj.menuItem; switch(theMenuItem){  case theMenu.aboutMenuItem:  trace("help menu :About selected");    break;  case theMenu.aboutegoldy:  trace("help menu: egoldy selected");  break;  default:  trace("Error,no item have selected");  break; }}helpMenu.addEventListener("change",helpMenuListener);

  8. 测试你的影片。

 



  把此文章收藏到:          
相关教程
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.