拖出自己的精彩—谈Flash MX课件中的拖动
<P> 用Flash MX制作交互式的课件时，很多场合都需要用到拖动。在Flash MX中主要的拖动方式有以下三种：无任何约束的拖动、限制在某一矩形范围内的拖动、限制在某一路径上的拖动。下面通过实例加以说明。</P><P> 1.无任何约束的拖动</P><!--NEWSZW_HZH_BEGIN--><!--NEWSZW_HZH_END--><P> (1)打开“插入”菜单的“新建元件”命令，在“创建新元件”对话框中，“名称”框内输入“球”，“行为”选择“影片剪接”。</P><P> (2)画一个圆，最好是让圆心和影片剪接的中心对齐。</P><P> (3)选择主场景，按F11打开“库”面板，将刚制作好的球拖动至主场景中。</P><P> (4)选择主场景中的球，打开窗口下方的“属性”面板，在名称框内输入名称ball。</P><P> (5)右击ball，选择“动作”命令，在代码编辑框内输入：</P><P> on(press)</P><P> {</P><P> startDrag("",true);//允许拖动ball</P><P> }</P><P> on(release, releaseOutside)</P><P> {</P><P> stopDrag();//释放鼠标时，停止拖动ball</P><P> }</P><P> (6)拖动ball，我们将看到ball可以拖动到场景中的任意位置，释放鼠标时，ball将停止拖动。</P><P> 2.约束某一矩形范围内的拖动</P><P> 将以上代码改为：</P><P> on(press)</P><P> {</P><P> //限制拖动范围为(0，0)到(100，100)之间，注意坐标原点位于场景中的左上角。</P><P> startDrag("",true,0,0,100,100); }</P><P> on(release, releaseOutside)</P><P> {</P><P> stopDrag();</P><P> }</P><P> 再拖动ball，将看到ball被限制在某一区域内拖动。 </P><P> 3.沿某一路径的拖动</P><P> 在某些场合，如通过拖动动态生成数学函数图像时，因为函数图像都有一个函数式约束，决定了以上两种方法都不可行。这种拖动的关键在于要根据约束条件来决定被拖动对象的位置。下面以动态生成圆来说明此类拖动问题的解决方法。</P><!--NEWSZW_HZH_BEGIN--><!--NEWSZW_HZH_END--><P> (1)通过“插入”菜单制作一个名为“点”的电影剪接，画一个小点表示该电影剪接，注意点的中心和电影剪接的中心点重合。</P><P> (2)转到主场景，新增一图层，将两图层分别命名为“脚本”和“对象”。</P><P> (3)选择“对象”时间轴，在场景中加入两个“点”的实例，在它们的属性面板中分别命名为“yuanxi”(表示圆心)和“dian”(表示圆周上的点)，让它们适当保持一定的距离，并且让“yuanxi”位于场景的中央。</P><P> (4)右击“脚本”层第一帧，选择“动作”，在代码编辑窗口内输入以下脚本：</P><P> drag_flag=false;//拖动标志</P><P> x0=yuanxin._x;</P><P> y0=yuanxin._y;</P><P> dian_x=dian._x;</P><P> dian_y=dian._y;</P><P> //计算圆的半径，这就是拖动圆周的点的约束条件，被拖动的点到圆心的距离等于半径。</P><P> r=Math.sqrt((x0-dian_x)*(x0-dian_x)+(y0-dian_y)*(y0-dian_y));</P><P> _root.onEnterFrame =function()</P><P> {</P><P> if (drag_flag)</P><P> {</P><P> x = _xmouse;</P><P> y = _ymouse;</P><P> angle=Math.atan(Math.abs(y0-y)/Math.abs(x-x0));</P><P> dian_x=x0+r*Math.cos(angle);</P><P> dian_y=y0-r*Math.sin(angle);</P><P> //第一象限</P><P> if((x>=x0) &&&& (y<=y0))</P><P> {</P><P> dian_x = x0+r*Math.cos(angle);</P><P> dian_y = y0-r*Math.sin(angle);</P><P> depth=angle*180/3.14159;</P><P> } </P><P>//第二象限</P><P> if((x<=x0) &&&& (y<=y0))</P><P> { </P><!--NEWSZW_HZH_BEGIN--><!--NEWSZW_HZH_END--><P> dian_x=x0-r*Math.cos(angle);</P><P> dian_y=y0-r*Math.sin(angle);</P><P> depth=angle*180/3.14159+90;</P><P> }</P><P> //第三象限</P><P> if((x<=x0) &&&& (y>=y0))</P><P> {</P><P> dian_x=x0-r*Math.cos(angle);</P><P> dian_y=y0+r*Math.sin(angle);</P><P> depth=angle*180/3.14159+180;</P><P> }</P><P> //第四象限</P><P> if((x>=x0) &&&& (y>=y0))</P><p></p></P><P> {</P><P> dian_x=x0+r*Math.cos(angle);</P><P> dian_y=y0+r*Math.sin(angle);</P><P> depth=angle*180/3.14159+270;</P><P> }</P><P> duplicateMovieClip("dian","dian" add depth,depth);</P><P> _root["dian" add depth]._x=dian_x;</P><P> _root["dian" add depth]._y=dian_y;</P><P> _root.clear();</P><P> _root.moveTo(x0,y0);</P><P> _root.lineStyle(1,0xff0000,100);</P><P> _root.lineTo(dian_x,dian_y);</P><P> }</P><P> }</P><P> (5)右击dian实例，选择“动作”命令，输入以下脚本：</P><P> on(press)</P><P> {</P><!--NEWSZW_HZH_BEGIN--><!--NEWSZW_HZH_END--><P> _root.drag_flag=true;//在dian实例上按下鼠标左键，置拖动标志为真。</P><P> }</P><P> on(release, releaseOutside)</P><P> {</P><P> _root.drag_flag=false;//在dian实例上松开鼠标左键，置拖动标志为假。</P><P> }</P><P> (6)测试影片，拖动dian实例，将看到在场景中会画出一个由点构成的圆。</P><P> 从此例可以看出，实现沿某一路径的拖动，关键是要通过约束条件找到拖动时的对象的坐标。</P><p></p>页:
[1]