flash制作拖曳配对题

1、拖曳配对题是一种常见的交互题型，如果将设定的物体拖到目标位置，物体会停在指定区域，如果没有到达目标区域，还能自动返回初始位置。学生在完成这种题目时，感觉像在玩游戏，可谓是“在玩中学，在学中玩”，学习效果也就比较显著。本文笔者为大家介绍如何使用Flash拖拽功能制作单词与实物匹配课件。第一步，打开Flash MX 2004，新建一个Flash文档，大小设为600400象素，并选择一个合适的背景颜色，其它设置保持不变。第二步，选择工具箱中的“文本工具”按钮，打开属性面板，字体选择“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所示。另外可以根据自己的需要用相同的方法添加其它文本与图片。第七步，选中第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.onRelease =

5、 function() _root.gou.stopDrag();/鼠标松开，“gou”影片停止拖动if (_root.dog.hitTest(_root.gou) _root.gou._x = x0;_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”影片位

6、置时，“dog”影片返回初始位置。_root.fankui = 答案错误，继续努力！;/上面的语句实现对“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”影片位