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 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
上一篇: Flash 动作脚本之:资料速查(18)下一篇: Flash 动作脚本之:资料速查(19)
关于Flash 实例 ─ 简单的鼠标拖放效果的所有评论