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

2016-01-29 13:28 5 1 收藏

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

【 tulaoshi.com - Flash 】

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

  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,就会看到有两个选项可以选择,现在它们还不能做任何事情,如果你想让它做什么我们必须要为它设置侦听器。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

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

 

来源:https://www.tulaoshi.com/n/20160129/1490266.html

延伸阅读
标签: flash教程
MX 2004为我们新增了很多有用的UI组件,为我们的开发提供了更多新功能。组件之间还可以进行绑定。下面的例子就是将日期选取组件(Datachooser)和文本对象间进行绑定的例子。我们要让用户在日期组件里面选择一个日期,然后系统自动的在文本对象里面显示选取的日期。 第一步:将日期选取组件(Datachooser)拖放到舞台上,并为其取名pci...
标签: flash教程
第八章 文字字段和组件   第二节 组件(2)      2.用动作脚本控制组件 用Action对组件进一步编程控制的方法主要有两种:使用on()处理函数、使用一个调度程序/侦听器事件模型。前一种方法是Flash传统的编程思路,很容易理解和掌握,适合初学者使用。后一种方法是Flash提倡使用的编程思路,这种方法更符合面向对象...
标签: flash教程
第 09 节:诞生鸡 课程目标:学习Flash中小鸡走动的动画制作。 课程要点:本节学习制作小鸡运动的制作,加深补间动画等技术的理解。 观看教程:[全屏观看第一集] 本新闻共 2 页,当前在第 1 页   1   2  
标签: flash教程
第 01 节:Flash 系列介绍 课程目标:了解本教程的大致内容。 课程要点:介绍本教程的内容,以及在学习过程中遇到问题时的解决办法。 观看教程:[全屏观看]
标签: flash教程
第 02 节:从这里开始 课程目标:学习Flash软件的文档设定和界面布局。 课程要点:发学习Flash中文档的基本设定,以及了解软件的界面布局。 观看教程:[全屏观看]

经验教程

495

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部