flash制作拖曳配對題

1、拖曳配對題是一種常見的交互題型，如果將設(shè)定的物體拖到目標(biāo)位置，物體會(huì)停在指定區(qū)域，如果沒有到達(dá)目標(biāo)區(qū)域，還能自動(dòng)返回初始位置。學(xué)生在完成這種題目時(shí)，感覺像在玩游戲，可謂是“在玩中學(xué)，在學(xué)中玩”，學(xué)習(xí)效果也就比較顯著。本文筆者為大家介紹如何使用Flash拖拽功能制作單詞與實(shí)物匹配課件。第一步，打開Flash MX 2004，新建一個(gè)Flash文檔，大小設(shè)為600400象素，并選擇一個(gè)合適的背景顏色，其它設(shè)置保持不變。第二步，選擇工具箱中的“文本工具”按鈕，打開屬性面板，字體選擇“Arial”，大小設(shè)為80象素，顏色選擇藍(lán)色，如圖1所示。第三步，在場景的第一幀，輸入內(nèi)容為“dog”的靜態(tài)文本，并調(diào)

2、整好位置。然后按“Ctrl+B”將文字打散，再按“Ctrl+G”組合，把靜態(tài)文本轉(zhuǎn)換成組。選擇工具箱中的“文本工具”按鈕，在文字的下方輸入一個(gè)括號，并調(diào)整好位置。第四步，選擇工具箱中的“矩形工具”按鈕，在括號中繪制一個(gè)矩形，然后選中矩形，按F8鍵，在彈出的“轉(zhuǎn)換為符號”對話框中，把矩形轉(zhuǎn)換成名為“dog”的影片剪輯元件，注冊點(diǎn)設(shè)在中心，如圖2所示。打開屬性面板，把實(shí)例名稱設(shè)置為“dog”，透明度(Alpha)設(shè)置為0，這樣在場景中會(huì)看不到這個(gè)矩形。矩形將作為搭配的對象，拖動(dòng)圖片到括號中，其實(shí)就是將圖片與其接觸而獲得反饋。用相同的方法完成另一個(gè)文本“pig”與矩形的編輯，只是把矩形的實(shí)例名稱設(shè)為

3、“pig”，其它類同，本文不再贅述。第五步，選擇“文件導(dǎo)入導(dǎo)入到庫”命令，把事先準(zhǔn)備好的圖片導(dǎo)入到庫中。按“Ctrl+L”組合鍵打開“庫”面板，把“dog”位圖文件拖入場景。選中圖片，按F8鍵，在彈出的“轉(zhuǎn)換為符號”對話框中，將其轉(zhuǎn)換成名為“gou”的影片剪輯元件，注冊點(diǎn)設(shè)在中心，如圖3所示。打開屬性面板，把實(shí)例名稱設(shè)置為“gou”，寬高分別設(shè)為100，80象素，X、Y設(shè)為240，280象素。（為了方便控制圖片的初始位置）。用相同的方法完成另一個(gè)圖片的導(dǎo)入與編輯，只是把實(shí)例名稱設(shè)為“zhu”，其它類同，本文略去不再贅述。第六步，選擇工具箱中的“文本工具”按鈕，在場景下方輸入一個(gè)空白的動(dòng)態(tài)文本框

4、，打開屬性面板，在變量項(xiàng)中輸入“fankui”，并且設(shè)置好字體、字號、顏色，文本框用來反饋操作結(jié)果提示。至此，場景中的元素編輯基本完成，最終結(jié)果如圖4所示。另外可以根據(jù)自己的需要用相同的方法添加其它文本與圖片。第七步，選中第1幀，按F9鍵打開“動(dòng)作”面板，輸入以下語句：_root.gou.onPress = function() _root.gou.startDrag();/鼠標(biāo)按下，“gou”影片被拖動(dòng)x0 = _root.dog._x;y0 = _root.dog._y;x1 = 240;y1 = 280;/獲取“dog”和“gou”影片的坐標(biāo)值;_root.gou.onRelease =

5、 function() _root.gou.stopDrag();/鼠標(biāo)松開，“gou”影片停止拖動(dòng)if (_root.dog.hitTest(_root.gou) _root.gou._x = x0;_root.gou._y = y0;/當(dāng)“gou”影片碰到了“dog”影片后，“gou”影片自動(dòng)到達(dá)“dog”影片的位置_root.gou.stopDrag();_root.fankui = 答案正確，非常出色！;/當(dāng)括號中的“dog”影片與“gou”碰撞后，反饋正確結(jié)果 else _root.gou._x = x1;_root.gou._y = y1;/當(dāng)“gou”影片沒有到達(dá)“dog”影片位

6、置時(shí)，“dog”影片返回初始位置。_root.fankui = 答案錯(cuò)誤，繼續(xù)努力！;/上面的語句實(shí)現(xiàn)對“gou”影片進(jìn)行拖動(dòng)并且反饋出配對結(jié)果。_root.zhu.onPress = function() _root.zhu.startDrag();/鼠標(biāo)按下，“zhu”被拖動(dòng)x0 = _root.pig._x;y0 = _root.pig._y;x1 =360;y1 = 280;/獲取“pig”和“zhu”影片的坐標(biāo)值;_root.zhu.onRelease = function() _root.zhu.stopDrag();/鼠標(biāo)松開，“zhu”影片停止拖動(dòng)if (_root.pig.hitTest(_root.zhu) _root.zhu._x = x0;_root.zhu._y = y0;/當(dāng)“zhu”影片碰到了“pig”影片后，“zhu”影片自動(dòng)到達(dá)“pig”影片的位置_root.zhu.stopDrag();_root.fankui = 答案正確，非常出色！;/當(dāng)括號中的“pig”影片與“zhu”碰撞后，反饋正確結(jié)果 else _root.zhu._x = x1;_root.zhu._y = y1;/當(dāng)“zhu”影片沒有到達(dá)“pig”影片位