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

话说这种效果在课件里面经常用到，鼠标拖动事件，一个运用很频繁的事件，一起学习学习吧
首先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. //http://www.shengshiyouxi.com把所有对象的初始坐标存储进数组里面
    
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. }

复制代码

最后送上我的祝福：祝大家

早日成为大神