用鼠標拖動圖形拼圖——灰常簡單的教程

話嗣魅這種效果正在課件內裏經經常使用到，鼠標拖動事件，一個使用很頻仍的事件，一同教習教習吧
起首SWF奉獻給各人吭喲效果


覺得咋樣，本理其實借蠻簡單的，做做嚐嚐吧

上面去吭喲源碼吧

1. package
   
2. 
   
3. {
   
4. 
   
5. import flash.display.MovieClip;
   
6. 
   
7. import flash.display.Sprite;
   
8. 
   
9. import flash.events.Event;
   
10. 
    
11. import flash.events.MouseEvent;
    
12. 
    
13. 
    
14. public class Main extends MovieClip
    
15. 
    
16. {
    
17. 
    
18. //聲明一個mc變量當暫時的容器
    
19. 
    
20. private var mc;
    
21. 
    
22. //聲明一個數組用去存儲拖動元件的初初座標
    
23. 
    
24. private var arr:Array = new Array();
    
25. 
    
26. //聲明一個num數字，用去判斷一切圖形能否皆曾經對好了
    
27. 
    
28. private var num:uint = 0;
    
29. 
    
30. public function Main()
    
31. 
    
32. {
    
33. 
    
34. //for爲一切拖動的對象加減鼠標腳型戰鼠標按下事件
    
35. 
    
36. for (var i:int = 0; i < 4; i++)
    
37. {
    
38. 
    
39. //爲一切對象加減鼠標腳型
    
40. 
    
41. this["mc" + i].buttonMode = true;
    
42. 
    
43. //爲一切對象加減按下事件
    
44. 
    
45. this["mc" + i].addEventListener(MouseEvent.MOUSE_DOWN, downHandler);
    
46. 
    
47. //把一切對象的初初座標存儲進數組內裏
    
48. 
    
49. arr.push(this["mc" + i].x, this["mc" + i].y);
    
50. 
    
51. }
    
52. 
    
53. //回位按鈕正在開端時分隱藏
    
54. 
    
55. gw_btn.visible = false;
    
56. 
    
57. }
    
58. 
    
59. //鼠標按下的辦法
    
60. 
    
61. private function downHandler(e:MouseEvent):void
    
62. {
    
63. //暫時容器mc賦值爲當前按下的對象
    
64. 
    
65. mc = e.currentTarget;
    
66. 
    
67. //開端拖動mc
    
68. 
    
69. mc.startDrag();
    
70. 
    
71. //把mc對象挪動到最上層，如許便沒有會呈現拖動的對象處於已拖動對象當甭圓了
    
72. 
    
73. addChild(mc);
    
74. 
    
75. //用stage監聽鼠標擡起事件
    
76. stage.addEventListener(MouseEvent.MOUSE_UP, upHandler);
    
77. 
    
78. }
    
79. 
    
80. //stage鼠標擡起的辦法
    
81. 
    
82. private function upHandler(e:MouseEvent):void
    
83. {
    
84. 
    
85. //mc對象截至拖動
    
86. 
    
87. mc.stopDrag();
    
88. //移除stage的鼠標擡起監聽事件
    
89. 
    
90. stage.removeEventListener(MouseEvent.MOUSE_UP, upHandler);
    
91. 
    
92. //聲明uint類型的變量n並賦值爲mc對象的名字的第2位往前面的數值，那一步是爲了與值北圖的對象的編號
    
93. 
    
94. var n:uint = uint(String(mc.name.substr(2)));
    
95. //if語句判斷，假如mc碰碰到了對圖對象mc_i時執止
    
96. 
    
97. if (mc.hitTestObject(this["mc_" + n]))
    
98. {
    
99. 
    
100. //mc隱藏
     
101. 
     
102. mc.visible = false;
     
103. 
     
104. //被碰碰到的mc_i對象截至播放正在第兩幀上（第兩幀便是對圖對象的完好界裏）
     
105. 
     
106. this["mc_" + n].gotoAndStop(2);
     
107. 
     
108. //判斷的值num減減，用去判斷拼圖拼對了幾回
     
109. 
     
110. num++;
     
111. 
     
112. }
     
113. 
     
114. //假如出右腎碰到mc_i對象
     
115. 
     
116. else
     
117. {
     
118. 
     
119. //mc的x、y座標等於數組內裏存儲的初初座標，爲啥會乘以2呢，您能夠本人研討一下
     
120. 
     
121. mc.x = arr[n*2];
     
122. 
     
123. mc.y = arr[n*2+1];
     
124. }
     
125. 
     
126. //渾空mc對象
     
127. 
     
128. mc = null;
     
129. //if語句判斷，假如num等於4（有四個被拼圖的對象，以是那裏的判斷值爲4）
     
130. 
     
131. if (num == 4)
     
132. 
     
133. {
     
134. 
     
135. //回位按鈕gw_btn隱示
     
136. 
     
137. gw_btn.visible = true;
     
138. 
     
139. //爲回位按鈕加減按鈕面擊事件
     
140. 
     
141. gw_btn.addEventListener(MouseEvent.CLICK, clickHandler);
     
142. 
     
143. }
     
144. }
     
145. 
     
146. //回位按鈕的鼠標面擊事件
     
147. 
     
148. private function clickHandler(e:MouseEvent):void
     
149. {
     
150. 
     
151. //當前面擊的對象隱藏，也便是回位按鈕隱藏
     
152. 
     
153. e.currentTarget.visible = false;
     
154. 
     
155. //num判斷的數值回0，以便於再次判斷拼圖拼對了寂
     
156. 
     
157. num = 0;
     
158. 
     
159. //for爲mci對象加減隱藏屬性爲true，x、y座標爲初初座標，被拼圖的對象截至播放正在第一幀上裏
     
160. 
     
161. for (var i:int = 0; i < 4; i++)
     
162. {
     
163. 
     
164. this["mc" + i].visible = true;
     
165. 
     
166. this["mc" + i].x = arr[i*2];
     
167. 
     
168. this["mc" + i].y = arr[i * 2 + 1];
     
169. 
     
170. this["mc_" + i].gotoAndStop(1);
     
171. 
     
172. }
     
173. 
     
174. }
     
175. 
     
176. }
     
177. 
     
178. }

複製代碼

最初奉上我的祝願：http://www.shengshiyouxi.com