经典的Windows开始菜单位于屏幕左下角,单击开始按钮,会弹出一系列菜单,当我们将鼠标移到任何一个菜单项,该选项会变色,点击这个菜单项,会启动相应的程序,与此同时开始菜单会消失。这就是Windows开始菜单的工作流程,今天我们就使用Flash来模仿这个过程,具体步骤如下:
一、创建单个菜单项。
菜单选项我们使用按钮来制作。新建一个按钮,时间轴的前四帧分别对应着鼠标的四种状态:“弹起”、“指针经过”、“按下”和“点击”。选中“弹起”后在舞台上使用矩形工具创建一个长方形,设置好填充色。然后选中“指针经过”右击鼠标,选择“插入关键帧”。此时程序就会在指针经过这一帧复制同样的一个长方形,我们可以更改它的填充色。右击“点击”帧,点击插入帧,这样我们就可以省去了剩余的鼠标状态的设置了。最后我们还需要添加一个图层,用来设置菜单项文本。
二、整合开始菜单。
上面我们创建了一个菜单项,而一个菜单往往是有一系列的菜单项组成的,因此我们还需要多个菜单项。很简单,我们只需要在库中右击新建的这个按钮,然后选中“直接复制”,就可以创建任意数量的相同的按钮了。而通过更改按钮中的文本图层就可以很好的区别这些按钮了。我们创建了四个菜单项,分别是:导入、新授、练习和测试。这往往是我们授课的一个完整的过程,特别是数学课。
新建一个影片剪辑,将这些按钮拖到这个影片剪辑里,并按照我们需要顺序进行排列。这样一个完整的菜单就整合而成了。
三、设置开始菜单。
拖动上面的影片剪辑到舞台,命名为menu,从组件库中拖动一个按钮到舞台左下角(模仿Windows开始菜单的关键所在,呵呵),命名为btn。添加如下代码就可以实现Flash版开始菜单了。该Flash课件使用了Tween实例,让Flash菜单从左下角慢慢升起,鼠标单击菜单项后,整个菜单就会隐藏起来。
这仅仅是一个开始菜单,我们还需要添加其他模块才能为我们教学服务。
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.events.MouseEvent;
var myTween1:Tween;
var myTween2:Tween;
menu.visible = false;
btn.addEventListener(MouseEvent.CLICK,onclick);
menu.addEventListener(MouseEvent.CLICK,m_hide);
//stage.addEventListener(MouseEvent.CLICK,m_hide);
function onclick(event:MouseEvent):void
{
menu.visible = true;
myTween1 = new Tween(menu,"y",Regular.easeOut,stage.stageHeight,190,3,false);
}
function m_hide(event:MouseEvent):void
{
menu.visible = false;