制作具有WinXP风格的菜单
2002-03-05作者：张科技
制作具有WinXP风格的菜单
——妙用Director8.5的lingo脚本
用过WindowsXP的人都知道，它的菜单突然改头换面了，那平面带阴影的样子，用“酷”这一个流行字眼来形容是再好不过了。众所周知，大型多媒体制作软件Director8.5是开发各种多媒体的有利工具。想不想在自己的多媒体作品里也加入类似于WindowsXP风格的菜单，让你的作品更酷？
首先，我们设想一下要实现的效果：一个Windows家族的演示软件，为了让用户更快捷地选择要观看的Windows版本，我们制作一个快捷菜单。基本操作就是当用户在舞台范围内点击鼠标右键时，淡入淡出地弹出一个快捷菜单，让用户按下鼠标左键选定要观看的内容，选定后让计算机执行相应的演示。
其次，说明一下在制作本例时，所要用到的一些功能：本例主要是对Director8.5中的软件的灵魂——lingo脚本的编写和一些效果的应用。ink效果主要用于阴影、菜单选择棒的一些图片特效；透明度主要实现菜单的淡入淡出效果；角色通道主要实现菜单的显示和隐藏；其中lingo主要用于控制菜单的显示、显示位置的动态调整和相应用户的操作。
好！了解了以上一些概况后，现在我们开始用Director8.5制作类似于WindowsXP风格的菜单！
1．按快捷键打开舞台属性，新建一个512342的电影文件。
2．收集电影演员成员资料
（1）按打开画板，制作一个菜单（图片大小：192196），起名为“menu”。
（2）制作一个菜单图片（我是从WinXP里截下来），再稍许做了点改变的（如图1）。然后将图片复制到剪贴板。
图1
（3）按上述方法依次单画板窗口左上角的按钮，再新建三张图片，制作菜单的阴影（图片大小：196200）。起名为“shadow”；菜单项选择棒（图片大小：18819，如图2），起名为“selectbar”；背景（图片大小：随你），起名为“background”。
说明：
以上图片需要用Photoshop等图形制作处理进行处理。
（1）对于阴影图片要通过羽化效果实现。
（2）对于菜单项选择棒图片，这里的边框线为皮蛋青（#008080），框内是由下往上的皮蛋青渐变色（#9CCECE→#000000）。
图2
好！所需的演员成员已经全部到齐，哈哈，下面开始“编剧”！
3．编辑电影剧本
图3
（1）按打开演员库，将刚才制作的图形演员拖到舞台（Stage）上进行演出。将他们排列组织好（如图3）。
【注】按菜单条的个数重复地拖入菜单项选择棒。
（2）按打开分镜表（Score），对分镜表里的角色进行整理和编辑。打开分镜表的效果通道开关（见图4）。
图4
（3）设置通道1和3的角色（即背景和菜单）的ink效果为Copy，透明度为100（如图5）。
图5
（4）设置通道2角色（即菜单阴影）的ink效果为Darkest，透明度为50。操作类似于上一步。
（5）设置通道4~12角色（即菜单项选择棒）的ink效果为Transparent，透明度为0。
经过剧本编辑，舞台上的菜单角色组如图6所示。
图6
好!到现在为止已经完成整个工程的60%啦！怎么样，看上去不是很爽啊？下面就要给它加入“灵魂”啦！让它能动起来！
4．撰写lingo脚本
（1）程序构思：当用户在舞台范围内点击鼠标右键时，在鼠标右键点击的位置，淡入淡出地弹出（显示）一个快捷菜单，让用户选择他要观看的内容，按下鼠标左键后选定内容，然后让计算机执行相应的演示。
（2）程序实现
a.编写菜单控制脚本（响应范围是全局的），按打开脚本编辑窗口，起名为“MenuControlScript”，按脚本编辑窗口右上角的（属性）按钮，设置其脚本类型（type）为“movie”。
然后在脚本编辑窗口里写入以下脚本：
--程序初始化
onstartMovie
--开始时菜单应为不可见,直到用户点击鼠标右键时才显示,所以先隐藏菜单
HideMenu
--初始化菜单和菜单阴影的基点(使其能显示在正确的位置)
settheregpointofmember"menu"topoint(0,0)
settheregpointofmember"shadow"topoint(0,0)
alert“在舞台范围内按鼠标右键观看效果！”
endstartMovie
--显示菜单事件
onShowMenu
--打开通道2至12,显示菜单和菜单选择棒(由于选择棒的透明度(blend)为0所以暂时看不到)
repeatwithi=2to12
setthevisibleofspriteito1
endrepeat
--设置菜单和阴影的位置为鼠标点击的位置(使菜单能动态跟随鼠标)
setthelocofsprite2tothemouseloc
setthelocofsprite3tothemouseloc
--菜单选择棒动态跟随菜单（以菜单的位置为基准坐标，相对地改变选择棒位置）
repeatwithi=1to9
--96是菜单选择棒相对于菜单水平坐标的偏移值
sprite(i+3).loch=sprite(3).loch+96
--32是菜单选择棒相对于菜单垂直坐标的偏移值
--19是菜单棒的高度
sprite(i+3).locv=sprite(3).locv+32+(i-1)19
endrepeat
--菜单的淡入淡出效果(透明度从10渐变到100)
repeatwithi=10to100
settheblendofsprite3toi
i=i+10
updateStage
endrepeat
end
--隐藏菜单事件(只是将通道2至12关闭，使其不可见)
onHideMenu
repeatwithi=2to12
setthevisibleofspriteito0
endrepeat
end
b.编写菜单项选择棒行为脚本（响应范围只限于赋予本行为的角色），按窗口上角的按钮，新建一个脚本，起名为“ShowBarScript”，设置其脚本类型（type）为“behavior”。然后在脚本编辑窗口里写入以下脚本：
--当鼠标移入当前菜单选择棒时,即用户选中某菜单项了
--让鼠标指针变成小手形状,且把菜单选择棒的透明度改成100(完全可见)
onmouseEnter
sprite(thecurrentSpriteNum).blend=100
cursor280
endmouseEnter
--当鼠标移出当前菜单选择棒时,即用户不选某菜单项了
--把鼠标指针还原成原来指针形状,且把菜单选择棒的透明度改成0(不可见)
onmouseLeave
sprite(thecurrentSpriteNum).blend=0
cursor-1
endmouseLeave
--当用户在某一菜单选择棒上按下鼠标时,执行相应的操作
onmouseDown
--通过thecurrentSpriteNum(鼠标点击的菜单选择棒的角色编号)属性,
--可以让计算机知道用户选择的菜单项，进而使计算机做出相应的操作。
case(thecurrentSpriteNum)of
4:alert"跳转到WindowsXP画面!"
5:alert"跳转到Windows2000画面!"
6:alert"跳转到WindowsNTworkstation4.0画面!"
7:alert"跳转到WindowsNTSever4.0画面!"
8:alert"跳转到WindowsME画面!"
9:alert"跳转到Windows98画面!"
10:alert"跳转到Windows95画面!"
11:alert"跳转到WindowsCE3.0画面!"
12:alert"跳转到WindowsNTEmbedded画面!"
endcase
endmouseDown
c.编写画面行为脚本（相应范围是当前帧），按窗口上角的按钮，新建一个脚本，起名为“FrameScript”，设置其脚本类型（type）为“behavior”。然后在脚本编辑窗口里写入以下脚本：
onexitFrameme
gotheframe
end
--当鼠标右键按下时显示菜单
onrightmousedown
ShowMenu
end
--当鼠标按下时显示菜单
onmouseup
HideMenu
end
OK!脚本写完了！我们来做最后一步吧——“灵魂附体”！呵呵！
图7
5．给角色植入“灵魂”
（1）打开分镜表，单击第1帧画面的画面脚本（如图7），将“脚本列表”中的“FrameScript”脚本拖至其中。
（2）打开分镜表（已打开就可跳过此步），选择通道4~12角色（即菜单项选择棒）（如图8），将“脚本列表”中的“ShowbarScript”脚本拖至其中。
图8
OK了！总算大功告成！是不是有些成就感啊，呵呵！快按试一下吧！
以上是我模仿WindowsXP的菜单做的一个演示，但是用上面的这种方法，你可以发挥你自己的想象力以及用适当的lingo脚本，制作一些其它风格的菜单和效果，比如不规则的菜单啊、让菜单项前面的小图标动起来啊什么的。
最后，希望通过本例的制作，能使各位加深对Director8.5的了解和应用。
|
|
