flash制作拖曳配對題

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

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

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

4、態(tài)文本框， 打開屬性面板， 在變量項中輸入“fankui”，并且設置好字體、字號、顏色，文本框用來反饋操作結果提示。至此，場景中的元素編輯基本完成，最終結果如圖4所示。另外可以根據(jù)自己的需要用相同的方法添加其它文本與圖片。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=答案錯誤，繼續(xù)努力！;/上面的語句實現(xiàn)對“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”影片位置