Flash影片中大多数的菜单都是固定的,有时候用起来不是很方便,如果能将菜单做成活动的,根据实际情况随时改变菜单的位置,有时候可以帮助观赏者观看影片。这里我们就来制作一个能用鼠标拖动的菜单,除此之外还具有一切菜单具有的功能。
可拖动下拉菜单实例演示如下:菜单位置随意可拖动,点击菜单上的Open按钮可以将菜单展开,如果点击最下面的Close Menu按钮,则可将菜单收回去。
制作步骤:
1、首先启动Flash,新建一个影片,设置影片舞台大小为300像素×300像素,影片背景色为黑色。
2、首先制作菜单合上时的状态,从图6.8.1中可以看出,此时的菜单是由三部分构成的,上面的Open和Exit按钮,下面的Dragable按钮,所以下面制作这三个按钮。
新建一个图形元件命名为remote_top,进入元件的编辑区后,使用绘图工具绘制一个长条的弧形,并填充上由蓝色到黑色再到白色的填充色,最后使用文本工具在上面输入dragable menu,表示菜单的这部分是可以被拖动的,如图3所示:
图3 绘制菜单的可拖动部分
3、新建一个按钮元件命名为close menu,进入元件的编辑区后,同样使用绘图工具绘制一个圆角矩形,然后将其下部删除,只留下上面的部分,并使用文本工具在上面输入文本close menu,如图4所示:
图4 制作关闭按钮
按照相同的方法再制作一个按钮元件cancel menu,如图5所示:
图5 制作退出按钮
4、然后依次制作一些在菜单中要出现的按钮,可以根据实际需要来制作,本例中制作完成后的图库如图6所示:
图6 制作菜单中用到的按钮 5、新建一个影片剪辑元件,命名为remotemc,进入元件的编辑区后,添加7个图层,由上到下分别命名为Top,Bottom,Screen,Close,Exit,Open和Hide,如图7所示;
图7 添加个图层
6.回到图层Hide,首先制作一个长矩形的隐形按钮,然后将其放到此层中,并给隐形按钮添加Action:
on (press) { startDrag("/remote"); } on (release) { stopDrag(); }
然后将时间轴延长到第56帧,回到图层Top,将元件remote_top拖到此层,放到隐形按钮的上部,如图8所示:
图8 设置按钮的上部
回到图层Bottom,将元件remote_bottom拖到隐形按钮的下部,和上面的remote_top对齐,成为一个整体,然后将按钮Exit 和Open拖到舞台中,按照图9所示排列:
图9 排列按钮
然后给Open按钮添加Action: on (press) { play(); }
给Exit按钮添加Action: on (press) { gotoAndPlay("x"); }
最后再制作几个按钮的运动渐变效果就可以了,具体的变化可以根据自己的喜好来设置。fla原文件下载
|