拖拽动作连同碰撞动作周详讲解

　　在网上经常看到的flash影片中有的对象能够被鼠标进行拖动。例如有的类似七巧板的拼图游戏，控制音量的滑杆等，所使用的就是flash中的拖拽动作。

　　一、拖拽命令周详介绍

　　１、首先介绍一下开始拖拽命令的周详用法，稍后在后面的例子中进行测试。

　　命令格式：

　　StartDrag(要拖动的影片剪辑,[是否锁定到鼠标位置中央,左,上,右,下])

　　或写为

　　要拖动的影片剪辑.StartDrag([是否锁定到鼠标位置中央,左,上,右,下])

　　命令讲解：在制作动画的过程中，上面两种书写方法可任选一种。其中［］内的为可选参数，也就是能够写，也能够不写。至于左，上，右，下四个参数是用来控制被拖对象的移动范围。

　　２、停止拖拽命令讲解

　　命令格式： 被拖动的影片剪辑实例名.stopDrag()

　　这样就能够停止对对象的拖拽动作。

　　二、实例讲解

　　下面来用一个简单的例子实验拖拽命令。

　　操作步骤：

　　１、新建一个flash文档，并在舞台上绘制一个圆形。选中圆形并按Ｆ８，将此圆形转换为影片剪辑，起名为：圆。确定后将会在舞台上创建一个圆的实例。

　　

　　２、选中此实例，并按Ｆ９打开动作面板。输入如下脚本：

　　on (press) {

　　this.startDrag(true);//当鼠标按下（press）之后，这个实例（因为我们把脚本写在实例本身了，所以这里用this代替影片剪辑实例的名字）能够被拖拽，使用命令如上面的命令解释。对于参数的选择方面，这里只填写了锁定到鼠标位置中央，假如想选不锁定到鼠标位置中央，能够把true改为false。有兴趣的朋友能够更改为false看看。

　　}

　　on (release) {

　　this.stopDrag();//同样道理，当鼠标释放（release）之后，将停止拖拽动作。

　　}

　　脚本书写如下图：

　　

　　３、好了，现在让我们按Ctrl 回车来测试一下吧，您将会看到舞台上的圆被您的鼠标拖动的效果。

　　４、ＯＫ，通过这个例子我们能够简单的应用拖拽动作了。现在需要把这个例子继续完成，还记得上面命令讲解中的左，上，右，下四个控制拖动范围的参数吗？现在来制作具备约束拖动范围的效果。

　　５、现在在舞台上绘制一个２００*１００大小的矩形，注意只要边框不要填充。如下图：

　　

　　６、假如我们希望在拖动的时候这个圆只能在矩形内拖动的话，就要先配置这个矩形的坐标，并记下矩形四个顶点的坐标（这点很重要！）。ＯＫ，比如，现在此例子中的矩形的四个顶点分别如上图所示。那我们要取的四个参数就应该是：左＝５０，上＝１００，右＝２５０，下＝２００

　　现在打开动作面板，修改刚才的脚本如下：

　　on (press) {

　　this.startDrag(true, 50, 100, 250, 200);//这里我们就使用刚才确定好的４个参数。４个点的参数就对拖动对象实现了一个矩形区域的移动约束！

　　}

　　on (release) {

　　this.stopDrag();

　　}

　　脚本编写最后效果如下图

　　

　　７、呵呵，迫不及待的想检测您的成果吧？好了，按Ctrl 回车去测试吧！

　　好了，关于拖拽的讲解先到这里，下面我们来学习如何结合着拖拽动作来检测对象之间的碰撞！不要走开哦。下载这个例子的源文档

　　三、碰撞命令的讲解

　　命令格式：

　　目标影片剪辑的实例.hitTest(被拖拽的实例)

　　这个是比较简单的检测碰撞命令

　　目标影片剪辑的实例.hitTest(被拖拽实例的Ｘ轴坐标，被拖拽实例的Ｙ轴坐标，对象的矩形区域范围还是对象本身范围)

　　这个是比较复杂点的检测碰撞命令

　　命令解释：

　　以上两个命令都是用来检测碰撞的，能够根据需要选择不同的命令。重点解释一下对象的矩形区域范围和对象本身范围（上面的命令中，false表示对象的矩形区域范围，true表示对象本身的范围）具体分别看下图：

　　

　　四、碰撞命令和拖拽命令的结合使用

　　（一）、下面通过简单的例子来学习碰撞命令（我们先来学习如何检测是否碰到对象的矩形区域范围）

　　１、新建一个flash文档，在舞台上绘制一个圆形。选中圆形并按Ｆ８将他转换为影片剪辑，起名：圆

　　。这样就在舞台上创建了一个圆的实例。

　　

　　２、选中此实例，为他起一个名字，此例起名为：yuan 如图：

　　

　　３、选择文字工具，并选择文字类型为“动态文本”，在圆的实例下面拖绘出一个动态文本框。并起一个变量名为：tt

　　如下图：

　　

　　４、选中时间轴的第一桢，按Ｆ９打开动作面板，输入以下脚本：

　　_root.onenterframe = function() {

　　//这个是在时间轴上的ＡＳ编写规则，解释为舞台上每桢都执行下面的脚本（onenterframe）。

　　if (_root.yuan.hitTest(_root._xmouse, _root._ymouse, false)) {

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有