快速业务通道

Flash 实例 ─ 简单的鼠标拖放效果

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


这是一个纯粹用Actions来实现的非常简单但也非常重要的示例,我们可以通过这一节的学习再增加一些对Actions的认识,这样下一章我们讲起来就不那么费劲了。在上面的示例中,大家试着把黄色的小方块分别拖到三个圆中看一下效果,这就是我们今天要做的内容。

新建一个文件,设置背景色为黑色。按Ctrl-F8新建一个电影片断类图符dragmovie。在这个图符编辑画面画一个黄色的不带边线的正方形。选中这个正方形,按F8把它转换成按钮类图符dragbutton。现在这个正方形就变成了dragbutton的一个实例,我们一会儿对它设置Actions,使它可以被拖动且在特定的位置执行特定的操作。
再按Ctrl-F8新建一个电影片断类图符target。 在图符编辑画面中画一个红色的不带边框的圆。
有了这些图符就足够了,现在回到主场景,按Ctrl-L打开图库窗口,从中拖三个target出来并排放好。分别双击后两个红色的圆,在弹出的实例属性对话框中把它们的颜色效果标签下的Tint值改为绿色和蓝色,这样就有三种颜色不同的圆。现在我们依次双击这三个圆,把它们的实例名分别设置为target1,target2和target3,这是为了便于判断黄色的小方块位于哪个圆中。
新建一个层,dragmovie拖到画面中。 双击这个黄色的正方形,在弹出的实例属性对话框中把实例名设为dragmovie。
接下来我们来对dragmovie做一些修改。双击第1帧设置Actions为Stop。
在第2帧,第16帧和第31帧分别按F6插入关键帧,并双击这几帧分别把它们的帧标签设为red,green和blue。
选中第2帧,双击该黄色的小方块,在弹出的实例属性对话框中把颜色效果标签下的Tint值改为淡红色,再在第15帧按F6插入关键帧。再次双击第2帧,设置帧属性为运动渐变,并把旋转属性设置为下图所示。双击第15帧,设置Actions为Go to and Play("red")。
同样方法,我们分别选中第16帧和第31帧,把颜色改为淡绿色和淡蓝色,再分别在第30和第44帧按F6键,然后分别对第16和第31帧设置帧属性和上图一致,最后双击第30帧和第44帧,把Actions设置为Go to and Play("green")和Go to and Play("Blue")就行了。
设置好后的这个电影片断的时间轴如下图所示:

现在主场景也已经布置好了,我们再回到电影片断类图符dragmovie的编辑画面来对其中的按钮类图符dragbutton的实例进行Actions的设置,这是这个示例最重要的部分。
编辑这个黄色的正方形Action,在左边的列表中选中Action> StartDrag,在下边Target一栏中填上/dragmovie,我们发现在StartDrag这行上面还有一条Action:"on (release) {",选中这条Action把下边的复选框中的释放(release)勾去,选中指针点击(press)。
上面这样设置是让鼠标可以在按住按钮不放的情况下自由拖动按钮。这一段的Actions如下面所示:
on (press) {
startDrag ("/dragmovie");
}
现在我们将设置当按钮被释放时,根据它所处的不同位置将执行不同操作的Actions命令。
继续编辑这个黄色的正方形Action,在左边的列表中选中Action> stopDrag,鼠标状态选取释放(release),表示一旦鼠标释放,就停止拖动。
点选If。在下边的条件框中填上_droptarget eq "/target1"。
这里我们要注释一下:
_droptarget是Flash5中的参数,它的含义是:如果一个电影片断是可被拖动的,并且当其被拖动至另一个电影片断的范围里时,该属性值就设定为另一个电影片断的实例名。所以_droptarget用来实现我们这个示例效果是最合适不过了。
eq 是 equal 的简写,含义为表达式值相等。
所以这个条件判断语句的意思是如果dragmovie的_droptarget属性与 "/target1"相等,则执行下面的语句,也就是说当dragmovie即黄色的方形被拖动到/target1即红色的

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

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号