flash制作拖曳配對(duì)題

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

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

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

4、態(tài)文本框， 打開(kāi)屬性面板， 在變量項(xiàng)中輸入“fankui”，并且設(shè)置好字體、字號(hào)、顏色，文本框用來(lái)反饋操作結(jié)果提示。至此，場(chǎng)景中的元素編輯基本完成，最終結(jié)果如圖4所示。另外可以根據(jù)自己的需要用相同的方法添加其它文本與圖片。dogpig()()第七步，選中第1幀，按F9鍵打開(kāi)“動(dòng)作”面板,輸入以下語(yǔ)句：_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.onRel

5、ease=function()_root.gou.stopDrag();/鼠標(biāo)松開(kāi)，“gou”影片停止拖動(dòng)if(_root.dog.hitTest(_root.gou)_root.gou._y=y0;/當(dāng)“gou”影片碰到了“dog”影片后，“gou”影片自動(dòng)到達(dá)“dog”影片的位置_root.gou.stopDrag();_root.fankui=答案正確，非常由色！;/當(dāng)括號(hào)中的“dog”影片與“gou”碰撞后，反饋正確結(jié)果else_root.gou._x=x1;_root.gou._y=y1;/當(dāng)“gou”影片沒(méi)有到達(dá)“dog”影片位置時(shí)，“dog”影片返回初始位置。_root.fank

6、ui=答案錯(cuò)誤，繼續(xù)努力！;/上面的語(yǔ)句實(shí)現(xiàn)對(duì)“gou”影片進(jìn)行拖動(dòng)并且反饋由配對(duì)結(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)松開(kāi)，“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)括號(hào)中的“pig”影片與“zhu”碰撞后，反饋正確結(jié)果else_root.zhu._x=x1;_root.zhu._y=y1;/當(dāng)“zhu”影片沒(méi)有到達(dá)“pig”影片位置