Flash制作可拖动的下拉菜单

作者佚名技术来源服务器技术浏览发布时间 2012-07-14

　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原文件下载关键词：菜单

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: Flash实例剖析：单摆下一篇: Flash游戏制作：七巧板

关于Flash制作可拖动的下拉菜单的所有评论

随机推荐