下拉菜单的制作.docVIP

下拉菜单的制作 实现目标 本例将制作下拉菜单，下拉菜单是Windows操作环境下比较常见的一种菜单，当用鼠标单击菜单按钮，便会向下方弹出菜单，再用鼠标选择菜单中的命令。 设计思路 本例将通过脚本程序实现菜单的显示、隐藏，通过该例熟悉自定义函数setData的使用。 操作步骤 按“ctrl+n”新建文件，打开属性板，设置场景的大小为“400×300”，背景颜色为“#99CCFF”。 按“Ctrl+F8”新建按钮元件，命名为“菜单按钮”，在其图层的“点击”帧处插入关键帧，选择矩形工具在编辑区绘制如图所示的矩形。 按“Ctrl+F8”新建影片剪辑，命名为“菜单”，双击图层1，将其改名为“菜单按扭”层，如图。打开库面板，将元件“菜单按钮”拖放到编辑区的中间位置。选中该按钮，在动作面板中输入以下Action语句 On(press){ if(Menuon==true){ -root.CurrentMenu=getProperty(“”,-name); -root.HideMenu(); MenuOn=false; }else{ If(Menuon==true){ -root.CurrentMenu=getProperty(“”,-name); -root.ShowMenu(); MenuOn=true; } } On(rollOver,dragOver){ if(-root.CurrentMenu!=getProperty(“”,-name)){ if(eval(“/”+-root.currentmenu+”/:menuon”)==true{ -root.HideMenu(); Set(-root.currentmenu+”/:menuon”,false); -root.CurrentMenu=getProperty(“”,-name); -root.ShowMenu(); MenuOn=true; } } } (4)在“菜单按钮”图层的上面添加新的图层，命名为“选项标题”，选择文本工具，在隐形按钮区域内绘制一个动态文本框，然后通过属性面板定义该文本的变量名称为“MenuTitle”. (5)选择该层的第1帧，打开动作面板，输入脚本代码：MenuOn=false;. (6)按“Ctrl+F8”新建按钮元件“菜单选项按钮”，选择矩形工具，在“弹起”帧绘制所示的矩形，并运用线性渐变填充该区域。然后在“指针经过”、“按下”两帧分别插入关键帧，并运用不同的线性渐变颜色填充区域，以示区别。 （7）按“Ctrl+F8”新建影片剪辑，命名为“菜单选项“。将图层1更名为“菜单选项按钮”再将库面板中的元件“菜单选项按钮”拖放到编辑区中央。添加新的图层“菜单标题”，选择文本工具，在按钮区域绘制一个动态文本框，并定义变量名称为“Item”。 （8）按“Ctrl+E”切换回主场景，将图层1改名为“菜单对象“，选择矩形工具，在舞台的上部绘制矩形。 （9）打开库面板，将影片剪辑“菜单”、“菜单选项”拖放到舞台的外部，然后在属性面板中，分别定义实例名称“MasterMenu”、 “Masterltem”. Set(_root.currentmenu+“item”+counter+:“item”,eval(_root.currentmenu+“item”+counter)); setProperty(_root.currentmenu+“item”+counter，_x,getProperty(_root.currentmenu, _x)+10); setProperty(_root.currentmenu+“item”+counter， _y,Counter*25+16); } } function HideMenu(){ Counter=0; TotalItems=eval(_root.currentmenu+“item”); While(CounterTotalItems){ Counter =Counter+1; removeMmvicClip(_root.currentmenu+“item”+counter; } } setProperty(“/MasterMenu”, _visible,false); setProperty(“/MasterMenu”, _visible,false); SetData(); CreatMenu(); (11)按：“Ctul+Enter”组合键测试动画。