Android應用實例之跟隨手指的小球——自定義SurfaceView應用

實現的功能：手指在屏幕上滑動，變幻顏色的小球始終跟隨手指移動。

實現的思路：1）自定義SurfaceView，在新線程中每間隔0.1秒就調用一次繪圖方法；2）重寫自定義SurfaceView的onTouchEvent方法，記錄觸屏坐標，用新的坐標重新繪制小球。

關鍵技術點：自定義SurfaceView應用、觸摸事件處理、canvas繪圖、Paint應用

第一步：新建一個工程，命名為BallSurfaceViewDemo，Activity命名為BallActivity。

第二步：編寫自定義SurfaceView類BallSurfaceView，本例中將BallSurfaceView作為BallActivity的內部類，BallActivity代碼如下：

1. package com.zyg.surfaceview.ball;
3. import java.util.Random;
5. import Android.app.Activity;
6. import android.content.Context;
7. import android.graphics.Canvas;
8. import android.graphics.Color;
9. import android.graphics.Paint;
10. import android.os.Bundle;
11. import android.view.MotionEvent;
12. import android.view.SurfaceHolder;
13. import android.view.SurfaceHolder.Callback;
14. import android.view.SurfaceView;
15. import android.view.Window;
16. import android.view.WindowManager;
18. public class BallActivity extends Activity {
19. @Override
20. public void onCreate(Bundle savedInstanceState) {
21. super.onCreate(savedInstanceState);
22. //設置全屏
23. requestWindowFeature(Window.FEATURE_NO_TITLE);
24. this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
25. WindowManager.LayoutParams.FLAG_FULLSCREEN);
27. setContentView(new BallSurfaceView(this));
28. }
30. class BallSurfaceView extends SurfaceView implements Callback,Runnable{
31. private int screenW; //屏幕寬度
32. private int screenH; //屏幕高度
33. private Paint paint; //定義畫筆
34. private float cx = 50; //圓點默認X坐標
35. private float cy = 50; //圓點默認Y坐標
36. private int radius = 20;
37. //定義顏色數組
38. private int colorArray[] = {Color.BLACK,Color.BLACK,Color.GREEN,Color.YELLOW, Color.RED};
39. private int paintColor = colorArray[0]; //定義畫筆默認顏色
40. private Canvas canvas = null; //定義畫布
41. private Thread th = null; //定義線程
42. private SurfaceHolder sfh = null;
44. public BallSurfaceView(Context context){
45. super(context);
46. /*備注1：在此處獲取屏幕高、寬值為0，以為此時view還未被���建，
47. * 在接口Callback的surfaceCreated方法中view才被創建
48. */
49. /*screenW = getWidth();
50. screenH = getHeight();*/
52. //初始化畫筆
53. initPaint();
54. sfh = getHolder();
55. sfh.addCallback(this);
56. th = new Thread(this);
57. }
59. @Override
60. public void surfaceCreated(SurfaceHolder holder) {
61. //獲取屏幕寬度
62. screenW = getWidth();
63. //獲取屏幕高度
64. screenH = getHeight();
65. //啟動繪圖線程
66. th.start();
67. }
69. private void initPaint(){
70. paint = new Paint();
71. //設置消除鋸齒
72. paint.setAntiAlias(true);
73. //設置畫筆顏色
74. paint.setColor(paintColor);
75. }
77. @Override
78. public void run() {
79. while(true){
80. try{
81. myDraw();
82. Thread.sleep(100);
83. }catch(InterruptedException e){
84. e.printStackTrace();
85. }
86. }
87. }
89. /*備注2：切記，在自定SurfaceView中定義的myDraw方法，自定義View（繼承自View的子類）中的onDraw方法
90. * 完全是兩碼事：
91. * 1）自定義View（繼承自View的子類）中的onDraw方法是重寫父類的onDraw方法，在調用postInvalidate後會自動回調該onDraw()方法。
92. * 2）此處的myDraw方法需要手動調用，所以此處故意將方法命名為myDraw，突出為該方法是自己寫的，非重寫父類的方法 。
93. *
94. */
95. //重寫onDraw方法實現繪圖操作
96. protected void myDraw() {
97. //獲取canvas實例
98. canvas = sfh.lockCanvas();
99. //將屏幕設置為白色
100. canvas.drawColor(Color.WHITE);
101. //修正圓點坐標
102. revise();
103. //隨機設置畫筆顏色
104. setPaintRandomColor();
105. //繪制小圓作為小球
106. canvas.drawCircle(cx, cy, radius, paint);
107. //將畫好的畫布提交
108. sfh.unlockCanvasAndPost(canvas);
109. }
111. //為畫筆設置隨機顏色
112. private void setPaintRandomColor(){
113. Random rand = new Random();
114. int randomIndex = rand.nextInt(colorArray.length);
115. paint.setColor(colorArray[randomIndex]);
116. }
118. //修正圓點坐標
119. private void revise(){
120. if(cx <= radius){
121. cx = radius;
122. }else if(cx >= (screenW-radius)){
123. cx = screenW-radius;
124. }
125. if(cy <= radius){
126. cy = radius;
127. }else if(cy >= (screenH-radius)){
128. cy = screenH-radius;
129. }
130. }
132. @Override
133. public boolean onTouchEvent(MotionEvent event) {
134. switch (event.getAction()) {
135. case MotionEvent.ACTION_DOWN:
136. // 按下
137. cx = (int) event.getX();
138. cy = (int) event.getY();
139. break;
140. case MotionEvent.ACTION_MOVE:
141. // 移動
142. cx = (int) event.getX();
143. cy = (int) event.getY();
144. break;
145. case MotionEvent.ACTION_UP:
146. // 抬起
147. cx = (int) event.getX();
148. cy = (int) event.getY();
149. break;
150. }
152. /*
153. * 備注1：次處一定要將return super.onTouchEvent(event)修改為return true，原因是：
154. * 1）父類的onTouchEvent(event)方法可能沒有做任何處理，但是返回了false。
155. * 2)一旦返回false，在該方法中再也不會收到MotionEvent.ACTION_MOVE及MotionEvent.ACTION_UP事件。
156. */
157. //return super.onTouchEvent(event);
158. return true;
159. }
161. @Override
162. public void surfaceChanged(SurfaceHolder holder, int format, int width,
163. int height) {
165. }
167. @Override
168. public void surfaceDestroyed(SurfaceHolder holder) {
170. }
172. }
173. }