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 实例 ─ 简单的鼠标拖放效果的所有评论
