最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置:首页 > 网络设计学院 > Flash教程

Flash制作“拖曳配对题”

日期:08-22    来源:中国设计秀    作者:cnwebshow.com

拖曳配对题是一种常见的交互题型,将设定的物体拖到目标区域,根据到达的位置反映相应结果。一般情况下,如果没有到达目标区域,还能自动返回。学生在完成这种题型时,感觉像在玩游戏,可谓是“在玩中学,在学中玩”。本文将为大家介绍如何使用Flash制作拖曳题。5Uh中国设计秀
  5Uh中国设计秀
  1. 启动Flash Mx/2004,新建一个Flash文档。在场景的第1帧输入文字,并且按“Ctrl+B”打散,然后再按“Ctrl+G”组合。输入括号,并在括号中绘制两个矩形,然后分别选中,按F8弹出对话框,将其转换成影片剪辑,最后单击场景下方的〔属性〕按钮,分别将他们的实例名称设置为:cat和car,透明度(Alpha)设置为0,这样在场景中看不到这两个矩形。矩形将作为文字的搭配对象,拖动文字到括号中,其实就是将文字与其接触而获得反馈。5Uh中国设计秀
  5Uh中国设计秀

5Uh中国设计秀
  图1 各个对象的位置摆放

5Uh中国设计秀
  5Uh中国设计秀
  2. 在下面输入文字:轿车、猫,并且分别打散,再按F8键将其转换成影片,将它们的实例名设置为:jiaoche、mao。在下方输入一个空白的动态文本框,单击场景下方的〔属性〕按钮,在变量项中输入“fankui”,并且设置字体、字号、颜色等,文本框将用来反馈配对的结果。场景中物体的具体位置可参照图1,也可以根据实际情况来设置,不一定是文字,也可以是图片等,但是注意一定要转换成影片对象。5Uh中国设计秀
  5Uh中国设计秀
  3. 选中第1帧,按F9键打开“动作”面板对话框,输入以下语句:5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche.onPress=function(){5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche.startDrag();//鼠标按下,“轿车”被拖动5Uh中国设计秀
  5Uh中国设计秀
  x0 = _root.car._x;5Uh中国设计秀
  5Uh中国设计秀
  y0 = _root.car._y;5Uh中国设计秀
  5Uh中国设计秀
  x1 = _root.jiaoche._x;5Uh中国设计秀
  5Uh中国设计秀
  y1 = _root.jiaoche._y;5Uh中国设计秀
  5Uh中国设计秀
  //获取car和jiaoche影片的坐标值5Uh中国设计秀
  5Uh中国设计秀
  }5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche.onRelease=function(){5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche.stopDrag();//鼠标松开,“轿车”停止拖动5Uh中国设计秀
  5Uh中国设计秀
  if (_root.car.hitTest(_root.jiaoche)) {5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche._x = x0;5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche._y = y0;5Uh中国设计秀
  5Uh中国设计秀
  //当jiaoche影片碰到了car影片后,jiaoche影片自动到达car影片的位置5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche.stopDrag();5Uh中国设计秀
  5Uh中国设计秀
  _root.fankui = "回答正确,继续努力!";5Uh中国设计秀
  5Uh中国设计秀
  //当括号中的car影片与轿车碰撞后,反馈正确结果5Uh中国设计秀
  5Uh中国设计秀
  } else {5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche._x = x1;5Uh中国设计秀
  5Uh中国设计秀
  _root.jiaoche._y = y1;5Uh中国设计秀
  5Uh中国设计秀
  //当jiaoche影片没有到达car影片位置时,jiaoche影片返回原始位置。5Uh中国设计秀
  5Uh中国设计秀
  _root.fankui = "回答错误,再来一次!";5Uh中国设计秀
  5Uh中国设计秀
  }5Uh中国设计秀
  5Uh中国设计秀
  }//上面的语句是对轿车进行拖动并且反馈出配对结果。5Uh中国设计秀
  5Uh中国设计秀
  _root.mao.onPress=function(){5Uh中国设计秀
  5Uh中国设计秀
  _root.mao.startDrag();5Uh中国设计秀
  5Uh中国设计秀
  x0 = _root.cat._x;5Uh中国设计秀
  5Uh中国设计秀
  y0 = _root.cat._y;5Uh中国设计秀
  5Uh中国设计秀
  x1 = _root.mao._x;5Uh中国设计秀
  5Uh中国设计秀
  y1 = _root.mao._y;5Uh中国设计秀
  5Uh中国设计秀
  }5Uh中国设计秀
  5Uh中国设计秀
  _root.mao.onRelease=function(){5Uh中国设计秀
  5Uh中国设计秀
  _root.mao.stopDrag();5Uh中国设计秀
  5Uh中国设计秀
  if (_root.cat.hitTest(_root.mao)) {5Uh中国设计秀
  5Uh中国设计秀
  _root.mao._x = x0;5Uh中国设计秀
  5Uh中国设计秀
  _root.mao._y = y0;5Uh中国设计秀
  5Uh中国设计秀
  _root.mao.stopDrag();5Uh中国设计秀
  5Uh中国设计秀
  _root.fankui = "回答正确,继续努力!";5Uh中国设计秀
  5Uh中国设计秀
  } else {5Uh中国设计秀
  5Uh中国设计秀
  _root.mao._x = x1;5Uh中国设计秀
  5Uh中国设计秀
  _root.mao._y = y1;5Uh中国设计秀
  5Uh中国设计秀
  _root.fankui = "回答错误,再来一次!";5Uh中国设计秀
  5Uh中国设计秀
  }5Uh中国设计秀
  5Uh中国设计秀
  }5Uh中国设计秀
  5Uh中国设计秀
  最后按“Ctrl+Enter”键测试效果(如图2),当拖动配对错误时,