flash制作拖曳配对题

1、拖曳配对题是一种常见的交互题型， 如果将设定的物体拖到目标位置， 物体会停在指定区域，如果没有到达目标区域，还能自动返回初始位置。学生在完成这种题目时，感觉像在玩游戏，可谓是“在玩中学，在学中玩”，学习效果也就比较显著。本文笔者为大家介绍如何使用Flash拖拽功能制作单词与实物匹配课件。第一步，打开FlashMX2004,新建一个Flash文档,大小设为600X400象素，并选择一个合适的背景颜色，具它设置保持不变。第二步，选择工具箱中的“文本工具”按钮，打开属性面板，字体选择“Arial”，大小设为80象素，颜色选择蓝色，如图1所示。第三步，在场景的第一帧，输入内容为“dog”的静态文本，并

2、调整好位置。然后按“Ctrl+B”将文字打散，再按“Ctrl+G”组合，把静态文本转换成组。选择工具箱中的“文本工具”按钮，在文字的下方输入一个括号，并调整好位置。第四步，选择工具箱中的“矩形工具”按钮，在括号中绘制一个矩形，然后选中矩形，按F8键，在弹由的“转换为符号”对话框中，把矩形转换成名为“dog”的影片剪辑元件，注册点设在中心，如图2所示。打开属性面板，把实例名称设置为“dog”，透明度（Alpha）设置为0,这样在场景中会看不到这个矩形。 矩形将作为搭配的对象， 拖动图片到括号中，其实就是将图片与其接触而获得反馈。用相同的方法完成另一个文本“pig”与矩形的编辑，只是把矩形的实例名

3、称设为“pig”，其它类同，本文不再赘述。第五步，选择“文件-导入-导入到库”命令，把事先准备好的图片导入到库中。按“Ctrl+L”组合键打开“库”面板，把“dog”位图文件拖入场景。选中图片，按F8键，在弹由的“转换为符号”对话框中，将其转换成名为“gou”的影片剪辑元件，注册点设在中心，如图3所示。打开属性面板，把实例名称设置为“gou”，宽高分别设为100,80象素，X、Y设为240,280象素。（为了方便控制图片的初始位置）用相同的方法完成另一个图片的导入与编辑，只是把实例名称设为“zhu”，其它类同，本文略去不再赘述。第六步，选择工具箱中的“文本工具”按钮，在场景下方输入一个空白的动

4、态文本框， 打开属性面板， 在变量项中输入“fankui”，并且设置好字体、字号、颜色，文本框用来反馈操作结果提示。至此，场景中的元素编辑基本完成，最终结果如图4所示。另外可以根据自己的需要用相同的方法添加其它文本与图片。dogpig()()第七步，选中第1帧，按F9键打开“动作”面板,输入以下语句：_root.gou.onPress=function()_root.gou.startDrag();/鼠标按下，“gou”影片被拖动x0=_root.dog._x;y0=_root.dog._y;x1=240;y1=280;/获取“dog”和“gou”影片的坐标值);_root.gou.onRel

5、ease=function()_root.gou.stopDrag();/鼠标松开，“gou”影片停止拖动if(_root.dog.hitTest(_root.gou)_root.gou._y=y0;/当“gou”影片碰到了“dog”影片后，“gou”影片自动到达“dog”影片的位置_root.gou.stopDrag();_root.fankui=答案正确，非常由色！;/当括号中的“dog”影片与“gou”碰撞后，反馈正确结果else_root.gou._x=x1;_root.gou._y=y1;/当“gou”影片没有到达“dog”影片位置时，“dog”影片返回初始位置。_root.fank

6、ui=答案错误，继续努力！;/上面的语句实现对“gou”影片进行拖动并且反馈由配对结果。_root.zhu.onPress=function()_root.zhu.startDrag();/鼠标按下，“zhu”被拖动x0=_root.pig._x;y0=_root.pig._y;x1=360;y1=280;/获取“pig”和“zhu”影片的坐标值;_root.zhu.onRelease=function()_root.zhu.stopDrag();/鼠标松开，“zhu”影片停止拖动if(_root.pig.hitTest(_root.zhu)_root.zhu._x=x0;_root.zhu._y=y0;/当“zhu”影片碰到了“pig”影片后，“zhu”影片自动到达“pig”影片的位置_root.zhu.stopDrag();_root.fankui=答案正确，非常由色！;/当括号中的“pig”影片与“zhu”碰撞后，反馈正确结果else_root.zhu._x=x1;_root.zhu._y=y1;/当“zhu”影片没有到达“pig”影片位置