可以在中用拖拽的方法改变幻灯片的顺序(课件在播放时拖动图片)
admin
2022-12-23 08:50:38
Pro/E5.0产品设计视频教程_办公百科网  AutoCAD2011机械视频教程_办公百科网

用Flash MX制作交互式的课件时,很多场合都需要用到拖动。在Flash MX中主要的拖动方式有以下三种:无任何约束的拖动、限制在某一矩形范围内的拖动、限制在某一路径上的拖动。下面通过实例加以说明。

  1.无任何约束的拖动
 
  (1)打开“插入”菜单的“新建元件”命令,在“创建新元件”对话框中,“名称”框内输入“球”,“行为”选择“影片剪接”。

  (2)画一个圆,最好是让圆心和影片剪接的中心对齐。

  (3)选择主场景,按F11打开“库”面板,将刚制作好的球拖动至主场景中。

  (4)选择主场景中的球,打开窗口下方的“属性”面板,在名称框内输入名称ball。

  (5)右击ball,选择“动作”命令,在代码编辑框内输入:

  on(PRess)

  {

  startDrag("",true);//允许拖动ball

  }

  on(release, releaSEOutside)

  {

  stopDrag();//释放鼠标时,停止拖动ball

  }

  (6)拖动ball,我们将看到ball可以拖动到场景中的任意位置,释放鼠标时,ball将停止拖动。

  2.约束某一矩形范围内的拖动

  将以上代码改为:

  on(press)
  3.沿某一路径的拖动

  在某些场合,如通过拖动动态生成数学函数图像时,因为函数图像都有一个函数式约束,决定了以上两种方法都不可行。这种拖动的关键在于要根据约束条件来决定被拖动对象的位置。下面以动态生成圆来说明此类拖动问题的解决方法。
 
  (1)通过“插入”菜单制作一个名为“点”的电影剪接,画一个小点表示该电影剪接,注意点的中心和电影剪接的中心点重合。

  (2)转到主场景,新增一图层,将两图层分别命名为“脚本”和“对象”。

  (3)选择“对象”时间轴,在场景中加入两个“点”的实例,在它们的属性面板中分别命名为“yuanxi”(表示圆心)和“dian”(表示圆周上的点),让它们适当保持一定的距离,并且让“yuanxi”位于场景的中央。

  (4)右击“脚本”层第一帧,选择“动作”,在代码编辑窗口内输入以下脚本:

  drag_flag=false;//拖动标志

  x0=yuanxin._x;

  y0=yuanxin._y;

  dian_x=dian._x;

  dian_y=dian._y;

  //计算圆的半径,这就是拖动圆周的点的约束条件,被拖动的点到圆心的距离等于半径。

  r=Math.sqrt((x0-dian_x)*(x0-dian_x)+(y0-dian_y)*(y0-dian_y));

  _root.onEnterFrame =function()

  {

  if (drag_flag)

  {

  x = _xmouse;

  y = _ymouse;

  angle=Math.atan(Math.abs(y0-y)/Math.abs(x-x0));

  dian_x=x0+r*Math.cos(angle);

  dian_y=y0-r*Math.sin(angle);

  //第一象限

  if((x>=x0) &&&& (y<=y0))

  {

  dian_x = x0+r*Math.cos(angle);

  dian_y = y0-r*Math.sin(angle);

  depth=angle*180/3.14159;

  }


  {

  //限制拖动范围为(0,0)到(100,100)之间,注意坐标原点位于场景中的左上角。

  startDrag("",true,0,0,100,100); }

  on(release, releaseOutside)

  {

  stopDrag();

  }

  再拖动ball,将看到ball被限制在某一区域内拖动。

  //第二象限

  if((x<=x0) &&&& (y<=y0))

  {
 
  dian_x=x0-r*Math.cos(angle);

  dian_y=y0-r*Math.sin(angle);

  depth=angle*180/3.14159+90;

  }

  //第三象限

  if((x<=x0) &&&& (y>=y0))

  {
  (5)右击dian实例,选择“动作”命令,输入以下脚本:

  on(press)

  {
 
  _root.drag_flag=true;//在dian实例上按下鼠标左键,置拖动标志为真。

  }

  on(release, releaseOutside)

  {

  _root.drag_flag=false;//在dian实例上松开鼠标左键,置拖动标志为假。

  }

  (6)测试影片,拖动dian实例,将看到在场景中会画出一个由点构成的圆。

  从此例可以看出,实现沿某一路径的拖动,关键是要通过约束条件找到拖动时的对象的坐标。


  dian_x=x0-r*Math.cos(angle);

  dian_y=y0+r*Math.sin(angle);

  depth=angle*180/3.14159+180;

  }

  //第四象限

  if((x>=x0) &&&& (y>=y0))

  {

  dian_x=x0+r*Math.cos(angle);

  dian_y=y0+r*Math.sin(angle);

  depth=angle*180/3.14159+270;

  }

  duplicateMovieClip("dian","dian" add depth,depth);

  _root["dian" add depth]._x=dian_x;

  _root["dian" add depth]._y=dian_y;

  _root.clear();

  _root.moveTo(x0,y0);

  _root.lineStyle(1,0xff0000,100);

  _root.lineTo(dian_x,dian_y);

  }

  }



以上就是Flash MX课件中的拖动,希望大家喜欢,请继续关注办公百科网。

相关内容

热门资讯

北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
怎么样的桃花 桃花近看远看的样... 今年的“三八”妇女节,阳光明媚,踏青赏花正当时。遂与姐妹们共赴十里蓝山,与花海来一场春天的约会。十里...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
怎么样的桃花 桃花近看远看的样... 今年的“三八”妇女节,阳光明媚,踏青赏花正当时。遂与姐妹们共赴十里蓝山,与花海来一场春天的约会。十里...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...