Android教程-使用SurfaceView多線程繪制動畫

Android教程之使用SurfaceView中的Surface對象進行繪圖，其本質就是利用SurfaceHolder的lockCanvas獲取到Canvas對象進行繪制的，對於繪制動畫來說，必須使用雙緩沖，或者采用雙線程，一個線程負責專門的預處理，比如圖片數據讀取，另外一個線程負責進行專繪制圖形。因為SurfaceView每次繪圖都會鎖定Canvas,也就是說同一片區域這次沒畫完下次就不能畫，因此要提高動畫播放的效率，就得開一條線程專門畫圖，開另外一條線程做預處理的工作。

下在給出一個例子，講解一下如何利用雙線程提高繪圖速度：

以下可以看到的動畫是一張解碼後的圖片從最屏幕最左邊快速移到右邊，重新開始則清屏進行顯示

1. package com.test.surfaceview;  
2.   
3. import java.lang.reflect.Field;  
4. import java.util.ArrayList;  
5. import android.app.Activity;  
6. import android.content.Context;  
7. import android.graphics.Bitmap;  
8. import android.graphics.BitmapFactory;  
9. import android.graphics.Canvas;  
10. import android.graphics.Color;  
11. import android.graphics.Paint;  
12. import android.graphics.Rect;  
13. import android.os.Bundle;  
14. import android.util.Log;  
15. import android.view.SurfaceHolder;  
16. import android.view.SurfaceView;  
17.   
18. public class TestsurfaceviewActivity extends Activity {  
19.     private final static String TAG = "TestsurfaceviewActivity";  
20.   
21.     /** Called when the activity is first created. */  
22.     @Override  
23.     public void onCreate(Bundle savedInstanceState) {  
24.         super.onCreate(savedInstanceState);  
25.         setContentView(R.layout.main);  
26.         // setContentView(new MySurfaceView(this)); // 這裡以MySurfaceView作為顯示View   
27.         onTestInit();  
28.     }  
29.   
30.     private SurfaceView drawSV = null;  
31.     private SurfaceHolder drawSH = null;  
32.     ArrayList<Integer> imgList = new ArrayList<Integer>();   
33.     private int mWidth= 0, mHeight = 0;  
34.     private Bitmap bitmap = null;  
35.     private LoadImage loadImg = new LoadImage();  
36.     private DrawImage drawImg = null;  
37.   
38.     private void onTestInit() {  
39.         drawSV = (SurfaceView) this.findViewById(R.id.SurfaceDrawView);  
40.         drawSH = drawSV.getHolder();  
41.         drawSH.addCallback(new MySVCallback());  
42.     }  
43.       
44.     private int onTestStart(){  
45.         if(loadImg != null){  
46.             loadImg.start();              
47.         }  
48.         drawImg = new DrawImage(0,mHeight);  
49.         drawImg.start();  
50.         return 0;  
51.     }  
52.       
53.     private void onTestStop(){  
54.         if(loadImg != null){  
55.             loadImg.stop();  
56.         }  
57.           
58.         if(drawImg != null){  
59.             drawImg.stop();  
60.         }  
61.     }  
62.   
63.     private class MySVCallback implements SurfaceHolder.Callback {  
64.         @Override  
65.         public void surfaceChanged(SurfaceHolder holder, int format, int width,  
66.                 int height) {  
67.             // TODO Auto-generated method stub   
68.             Log.i(TAG, "surfaceChanged is called");  
69.         }  
70.   
71.         @Override  
72.         public void surfaceCreated(SurfaceHolder holder) {  
73.             // TODO Auto-generated method stub   
74.             Log.i(TAG, "surfaceCreated is called");  
75.             // 用反射機制來獲取資源中的圖片ID和尺寸   
76.             Field[] fields = R.drawable.class.getDeclaredFields();  
77.             for (Field field : fields) {  
78.                 // 除了icon及launcher之外的圖片   
79.                 if (!"icon".equals(field.getName())  
80.                         && !"ic_launcher".equals(field.getName())) {  
81.                     int index = 0;  
82.                     try {  
83.                         index = field.getInt(R.drawable.class);  
84.                     } catch (IllegalArgumentException e) {  
85.                         // TODO Auto-generated catch block   
86.                         e.printStackTrace();  
87.                     } catch (IllegalAccessException e) {  
88.                         // TODO Auto-generated catch block   
89.                         e.printStackTrace();  
90.                     }  
91.                     // 保存圖片ID   
92.                     imgList.add(index);  
93.                 }  
94.             }  
95.               
96.             Log.i(TAG,"imglist size = "+imgList.size());  
97.             // 取得圖像大小     
98.             Bitmap bmImg = BitmapFactory.decodeResource(getResources(),    
99.                     imgList.get(0));  
100.   
101.             mWidth  = bmImg.getWidth();   
102.             mHeight = bmImg.getHeight();  
103.               
104.             onTestStart();  
105.         }  
106.   
107.         @Override  
108.         public void surfaceDestroyed(SurfaceHolder holder) {  
109.             // TODO Auto-generated method stub   
110.             Log.i(TAG, "surfaceDestroyed is called");  
111.         }         
112.     }  
113.   
114.     private class LoadImage extends Thread {  
115.         private int imgIndex = 0;  
116.   
117.         public void run() {  
118.             while (true) {  
119.                 bitmap = BitmapFactory.decodeResource(getResources(),  
120.                         imgList.get(imgIndex));  
121.                 ++imgIndex;  
122.                 if (imgIndex == imgList.size()) { // 循環取圖片數據   
123.                     imgIndex = 0;  
124.                 }  
125.             }  
126.         }  
127.     }  
128.       
129.     private class DrawImage extends Thread{  
130.         private int x,y;  
131.         public DrawImage(int x,int y){  
132.             this.x = x;  
133.             this.y = y;  
134.         }  
135.           
136.         private void ClearScreen(){  
137.             Canvas canvas = drawSH.lockCanvas(null);  
138.             canvas.drawColor(Color.BLACK);// 清除畫布   
139.             drawSH.unlockCanvasAndPost(canvas);  
140.         }  
141.           
142.         public void run() {  
143.             while (true) {  
144.                 if (bitmap != null) {  
145.                     /** 
146.                      * 以下兩個有明顯的效率差異，lockCanvas()指定Rect內減少循環畫線的次數， 
147.                      * 可以提高繪圖效率,全屏刷新時會很閃爍 
148.                      */  
149.                     Canvas c = drawSH.lockCanvas(new Rect(this.x, this.y,  
150.                             this.x + mWidth, this.y + mHeight));  
151. //                  Canvas c = drawSH.lockCanvas();   
152.                     c.drawBitmap(bitmap, this.x, this.y, new Paint());  
153.                     drawSH.unlockCanvasAndPost(c);// 將顯示內容上屏   
154.                       
155.                     this.x += 10;  
156.                     //如果到了終點，則清屏重來   
157.                     if(this.x > 1280 - mWidth){  
158.                         this.x = 0;  
159.                         ClearScreen();  
160.                     }  
161.                 }  
162.             }  
163.         }  
164.     }  
165. }