关于Flash变速滑动菜单剖析
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-10
|
经过本例的学习，你将掌握基本的Flash菜单的操作步骤。以及用AS来编写变速运动的基本方法。一个例子的学习是次要的，希望大家学习完以后可以掌握这种方法，举一反三，应用到更多的实例中去。 实例思路： 正如前面所说的，一个例子的学习是次要的，关键是掌握这种方法。在进行我们实例之前，先说一下理论与方法。 在这个导航中，有四个Button（按钮，简称：BTN），一个MovieClip（影片，简介：MC）。上面跟随移动的MC实例名为：follow。下面的四个BTN实例名分别为：btn_home，btn_about，btn_news，btn_links。实例的运动方法：当鼠标移动到其中的一个按钮上时，上面的MC（follow）会以逐渐减速的运动慢慢靠近鼠标所指的按钮上。这其中是以它们的X坐标来判断follow的位置的。 follow总共需要移动的距离为我们鼠标所指的按钮的X坐标减去它自己的X坐标。follow每次移动一定的距离（如果大家仔细观察的话，应该发现它并不是以匀速进行的，而是以减速进行的） 下面我们假设follow的X坐标为40，而我们将鼠标移动到了btn_links的按钮上了（即标有links的那个按钮）。而btn_links的X坐标为280，那么，它们之间的距离为btn_links._x-follow._x（这其中的._x代表这个实例的X坐标）。现在我们需要让follow以减速运动从当前的X坐标移动到btn_links的X坐标上。 注意：下面是本例的重点，也就是需要大家掌握的“方法”。 我们让follow每次移动它们之间的距离的1/2。因为follow的X坐标是随时改变的，所以它们之间的距离也会随时改变。当follow第一次移动的时候，它的X坐标为40+(280-40)/2=160注：（40（follow的X坐标）+(280（btn_links的X坐标）-40（follow的X坐标）)/2=160（移动后follow的X坐标））。当它第二次移动的时候，它的X坐标为160+(280-160)/2=220。它第一次移动的距离为120像素，而第二次移动的距离为60，实现了我们所要的减速运动。如果觉得这样的减速运动太快的话，你可以适应的改变每次移动的比例。如让follow每次移动1/3…… 实例实践： 上面我们已经掌握了本例的基本实现思路。下面，我们就按着我们的思路，来一步一步地去实现这个菜单。 step1:首先，我们需要制作我们所需要的元素。4个bTN，以及一个MC，把你所需要的栏目，做成BTN，然后制作一个跟随移动的MC。 方法：点击菜单 插入(insert)>>新建元件(new symbol) 在名称(name)上填写名称btn_home。（起名字最好要有个规则，不然如果元件多了，看起来会很乱）  （快捷键Ctrl+F8）确认行为选择为按钮。 点击确认以后，便会进到这个元件的编辑界面。我们会看到这里面的编辑方式不一和主场景不一样，只有四个帧，这是因为这个元件的行为是按钮的原因。这四个帧分别为：up（弹起）、over（指针经过）、down（按下）、activ（点击）。分别代表鼠标不在按钮上，鼠标经过按钮（或者在按钮上停留时），鼠标点击时，最后一个是响应鼠标的区域。如果最后一层没有的话，就会以最上面一层的up（弹起）为活动区域。 我们在图层1的up帧用文本工具写入HOME，这里颜色为#146270。然后在down(按下)帧，点鼠标右键，选择插入帧（insert frame）。这是为了保证在任何时候都显示home这几个文字。在属性面板中设置X和Y都为0；然后在新建一图层，将图层2拉到图层1下面，用矩形工具在图层2上画一个长方形。在属性面板设置宽为80，高为20，X和Y都为0；设置填充色为#56CCE0，无边框。然后在鼠标经过（OVER）上点鼠标右键选择插入关键帧（insert key frame）。将填充色改为#8ADCEA，然后在最后一帧上，即点击(activ)帧点鼠标右键，选择插入帧（这样是为了让我们的鼠标活动范围增大 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于关于Flash变速滑动菜单剖析的所有评论
