网站首页 | 图形处理 | 网页设计 | 编程学习 | 操作系统学习 | 办公软件学习 | 常用软件学习 | 视频教程 | 设计作品欣赏| IT认证 | 设计素材下载 | 常用软件下载


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


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

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. 测试你的影片。

 





  • 上一篇教程:
  • 下一篇教程:

  •  
    推荐

    最新
    · 一个最简便的代码实现任…
    · Flash MX 2004 UI组件系…
    · Flash MX 2004 UI组件系…
    · Flash MX 2004 UI组件系…
    · Flash MX 2004 UI组件系…
    · Flash MX 2004 UI组件系…
    · Flash MX 2004 UI组件系…
    · Flash MX 2004 UI组件系…
    · Flash加载外部文件(5)
    · Flash加载外部文件(4)

     

    精彩Flash制作风吹草动效果动画

    绘画技巧:Flash绘制人头造型



    本站提供大量Photoshop照片处理,语言编程,网页设计制作,windows系统等软件在线实例教程,欢迎你投稿你的设计作品.lhy514251@163.com

    粤ICP备06081596