在Flash中实现拖动交互的方法

摘要：在制作交互式课件时，很多场合都需要用到拖动。例如：通过拖曳，组合图形或实验装置；通过拖曳，作配对练习题等等，本文通过一道数学填图题为例，介绍在flash中制作具有拖动交互功能的课件的方法。
关键词：图形拖动；交互提示；flash课件

    不久前，一位小学数学老师要我给她制作一个课件，内容是“找规律”，要求在课件中能实现这样的效果：根据图1左边表格中图形的排列规律，将右边的四个图形拖放到表格中相应的空挡里，如果放置正确，则图形留下，同时屏幕上反馈出操作正确的信息；如果放置错误，则图形返回原处，同时屏幕提示操作错误；当所有图形放置正确后，将原来表格中的图形顺序打乱，重新进行操作练习。

http://s14/mw690/005BYOn5gy6ZLFf01nDcd&690

图1

经过认真思考，发现利用Flash和Authorware 都能实现上述效果。
　　下面，我就介绍在Flash中实现拖动交互的方法。
　　1．启动Flash MX，新建文件，设置背景色为白色，大小为400×250（像素）。
　　2．在场景中输入题目：“如图，根据左边表格中图案的排列规律，将右边的四个图案拖放到表格中相应的空格里。”，再绘制一个4×4的表格，将图层1重命名为“题目”后锁定，如图2所示。

http://s6/mw690/005BYOn5gy6ZLFgiCoZ35&690

图2

3．新建一图层，命名为“图形组”，绘制四个图形：正方形、五角星、三角形和圆。（注：可利用输入法中插入特殊符号的方法快速插入这些图形）选中一个图形，选择“插入→转换成元件”命令，打开“转换成元件”对话框，按图3所示设置，将它们分别转化为图形元件。

http://s7/mw690/005BYOn5gy6ZLFi0CQ676&690

图3

4．将四个图形元件各复制出两个，然后将它们按图1所示的位置摆放到表格中，如图4所示。

http://s16/mw690/005BYOn5gy6ZLFjgr5Zaf&690

图4

5．新建图层“图形”，按F11键打开库面板，将四个图形元件从库中拖放到场景中的适当位置，再将它们转化为影片剪辑，在属性面板中设置它们的实例名称分别为：“zfx_mc”、“wjx_mc”、“sjx_mc”和“yuan_mc”如图5所示。

http://s7/mw690/005BYOn5gy6ZLFkQTyuf6&690

图5

6．新建图层“目标区”，绘制一个比表格中的单元格略小一点的正方形，将其转化为影片剪辑，然后复制出三个，摆放到表格中相应的空格内，在属性面板中将它们的实例分别名称设置为：“zfx、“wjx”、“sjx”和“yuan”，再把它们的Alpha设置为0，如图6所示。

http://s6/mw690/005BYOn5gy6ZLFm0EK145&690

图6