Flash教程—弹出菜单03.docVIP

Flash 课件制作教程（03） 弹出菜单（3） 明月老师 2012-06-28 通过以上两讲课程，大家对弹出菜单的制作有了一个基本的认识和实际操作的历练，同时也为复杂的弹出菜单设计与制作打下了基础。下面我们来分析一下这类弹出菜单的制作思路和制作方法，以便总结经验，从而获得制作其他样式的弹出菜单和类似的按钮的基本方法和技巧。 教程1和教程2已经首发到古曲网： /dispbbs.asp?boardid=84Id=246819 ， 请打开网页参看相关内容。 菜单是包含多个按钮的组合体，菜单一般是由影片剪辑元件担当，该影片剪辑元件中装了些按钮元件。弹出菜单则是由鼠标交互指令作用，让静态的按钮引出所属的整个子菜单按钮，这是一个动态的变化过程。进一步分析得出：弹出菜单是两种状态，第一种状态是交互前的对象个体的样式状态，一般是静态的（其实也可以是动态的）。第二种状态是交互后的对象组合体的状态，一般是有个动态变化过程，很快就进入稳定的静态样式。更进一步分析得出：鼠标与交互对象作用，引出一系列交互对象。 高度的抽象分析，就使我们创作其他样式的弹出菜单有了理论依据。 现在，我们说弹出菜单有很多样式，大家不会感到奇怪了。我列举常见的弹出菜单样式如下： 1.样式一：由“工具面板”下分两列，得到分按钮组。菜单出现的方式是逐渐展示的过渡动画，由小到大，由虚到实。 2.样式二：由“总按钮”上叠加一组“分按钮”，直接弹出 3.样式三：伸缩的样式。 4.样式四：多级的子菜单的样式。 5.样式五：立体柱子样式。 6.样式六：圆按钮，带出旁出的按钮组样式。 7.样式七：大图按钮，其中包含立体旋转的多个按钮。 8.样式八：盒子按钮，有开合的动画。 9.样式九：弹性的样式。 10.样式十：非规范的几何体形状，由多种图形组合形成样式。 11.样式十一：主按钮上有其他图形。 12.样式十二：悬浮的，浮雕的，凹凸的，水晶的，等等。 可以这样说，只有想不到的，没有做不到的。弹出菜单的样式的思考路子，可以更开阔一些。例如，大家还可以参看老外的网页或广告，甚至游戏的界面上的样式，这些都是我们可以参照的对象。现实生活中的，自然事物中的现象和事物状态，古今中外，文化艺术等，都是可以借用和参考的因素。有了开阔的思路，就可以激发创作灵感，得到新颖的被人们喜欢而接受的菜单样式。 弹出菜单，我们除了要思考如何选择样式以外，还要思考另一个难点，那就是脚本代码。一个是影片剪辑MC上的代码，一个是很多按钮上的代码。先来说说MC上的代码。AS2.0脚本，对MC来说是使用影片剪辑的函数语句。下面来详细分析说明： 1.onClipEvent 影片剪辑事件处理函数的基本格式： onClipEvent(触发事件对象){ //响应语句 } 触发事件对象有如下九种： （1）.加载事件（load） （2）.帧频事件（enterFrame） （3）.鼠标移入事件（mouseMove） （4）.鼠标按下事件（mouseDown） （5）.鼠标抬起事件（mouseUp） （6）.键盘按下事件（keyDown） （7）.键盘抬起事件（keyUP） （8）.卸载事件（unload） （9）.数据事件（data） 当影片剪辑在触发事件发生的时候，事件函数内的响应语句就动作，完成响应。 例句： onClipEvent(enterFrame){ //响应语句 } 2.由于弹出菜单是两种状态之间的变化选择，响应语句可以用条件判断语句来实现。当条件为真（true）时，执行某种“正”的操作；当条件为假（false）时，执行另种“负”的操作。 条件语句的格式： if(条件){ //当条件为真时，要执行的语句。 }else{ //当条件为假时，要执行的语句。 } 3.碰撞检测语句，将碰撞检测语句用于以上条件语句中，作为条件使用。碰撞检测会返回一个逻辑值，要么真，要么假。当检测到两对象发生接触（重叠或相交），即发生碰撞的时候，就返回真值，当检测到两对象分离，即没有碰撞的时候，就返回假值。 碰撞检测是影片剪辑的方法： MovieClip.hitTest( 目标对象); 我们需要的目标对象是鼠标。当鼠标与菜单MC发生碰撞的时候，检测到碰撞，返回真值。反之，鼠标与菜单MC分离的时候，检测到没有碰撞，返回假值。例句： hitTest(_root._xmouse,_root._ymouse,true) 4.响应语句，一般是帧跳转语句。这个大家比较熟悉，仅举例： （1）. gotoAndStop(2);//跳转并停止在2帧上。 （2）.nextFrame();//跳转到下一帧。 （3）.prevFrame();//跳转到上一帧，即返回到上一帧。 5.下面说说各个分按钮上的代码。弹出菜单的目的是将多个按钮组合，并在每个分按钮上有交互