用鼠标拖动图形拼图——灰常简单的教程

话嗣魅这种效果正在课件内里经经常使用到，鼠标拖动事件，一个使用很频仍的事件，一同教习教习吧
起首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