当前位置：首页>>平面设计教程>>Flash教程>>正文

Flash MX 2004 UI组件系列教程（5）

文章出处：设计前沿网上收集 作者：未知　发布时间：2005-09-22 收藏到QQ书签
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