SurfaceView双缓冲Demo

最近在使用SurfaceView时发现出现了闪烁现象，上网查询一番，发现是由于SurfaceView的双缓冲机制造成的。关于理论部分，《Surface的一些说明》说明的很透彻，这里就不再重复了，这里用一个具体的例子在其内容进行补充，希望对大家有所帮助。

先看这段代码：

package com.david.surfaceview;

import java.util.Random;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.util.AttributeSet;
import android.util.Log;
import android.view.KeyEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

public class DoubleSurfaceViewFlicker extends SurfaceView implements
		SurfaceHolder.Callback {
	
	private final static String TAG = "DoubleSurfaceViewFlicker";
	private SurfaceHolder shd;

	public DoubleSurfaceViewFlicker(Context context) {
		super(context);
		init();
	}

	public DoubleSurfaceViewFlicker(Context context, AttributeSet attrs) {
		super(context, attrs);
		init();
	}

	public DoubleSurfaceViewFlicker(Context context, AttributeSet attrs,
			int defStyle) {
		super(context, attrs, defStyle);
		init();
	}

	void init() {
		shd = this.getHolder();
		shd.addCallback(this);
	}

	@Override
	public void surfaceChanged(SurfaceHolder holder, int format, int width,
			int height) {

	}

	@Override
	public void surfaceCreated(SurfaceHolder holder) {
		width = this.getWidth();
		height = this.getHeight();
		
		board = Bitmap.createBitmap(this.getWidth(), this.getHeight(),
				Bitmap.Config.ARGB_8888);
		boardCanvas = new Canvas(board);

		paint = new Paint();
		paint.setStyle(Style.FILL);
		paint.setAntiAlias(true);

		drawThread.start();
	}

	@Override
	public void surfaceDestroyed(SurfaceHolder holder) {
		isRunning = false;
		Log.e(TAG, "*** surfaceDestroyed ***");
	}
	
	private int width;
	private int height;
	private Boolean isRunning = true;
	public void setIsRunning(Boolean isRunning) {
		this.isRunning = isRunning;
	}

	private Paint paint;
	private int i = 0;

	Bitmap board = null;
	Canvas boardCanvas = null;

	Thread drawThread = new Thread() {

		public void run() {
			while (isRunning) {
				long startTime = System.currentTimeMillis();
				Random random = new Random(System.currentTimeMillis());
				Canvas canvas = null;

				try {
					paint.setColor(Color.rgb(random.nextInt(255),
							random.nextInt(255), random.nextInt(255)));
					paint.setStrokeWidth(4);
					paint.setTextSize(40);

					String text = "" + i + "";
					i++;

					canvas = shd.lockCanvas();
					if (canvas != null && board != null) {
						canvas.drawText(text, width/2, height/2, paint);
					}

					Thread.sleep(1000);
				} catch (Exception e) {
					e.printStackTrace();
				} finally {
					if (shd != null && canvas != null) {
						shd.unlockCanvasAndPost(canvas);
					}
					long endTime = System.currentTimeMillis();
					Log.e(TAG, "*** 2 spend time: " + (endTime-startTime));
				}
			}
		};
	};

}

运行它，大家会发现单数显示在一个画面，双数显示在一个画面，这就是因为SurfaceView的双缓冲机制造成的。因为SurfaceView的2个缓冲区A和B是轮流显示的，所以 单数显示在一个画面，双数显示在一个画面。

解决的方法如下：

package com.david.surfaceview;

import java.util.Date;
import java.util.Random;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Path;
import android.util.AttributeSet;
import android.util.Log;
import android.view.KeyEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

public class DoubleSurfaceView extends SurfaceView implements
		SurfaceHolder.Callback {
	private final static String TAG = "DoubleSurfaceView";
	private SurfaceHolder shd;

	public DoubleSurfaceView(Context context) {
		super(context);
		init();
	}

	public DoubleSurfaceView(Context context, AttributeSet attrs) {
		super(context, attrs);
		init();
	}

	public DoubleSurfaceView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		init();
	}

	void init() {
		shd = this.getHolder();
		shd.addCallback(this);
	}

	@Override
	public void surfaceChanged(SurfaceHolder holder, int format, int width,
			int height) {

	}

	@Override
	public void surfaceCreated(SurfaceHolder holder) {
		width = this.getWidth();
		height = this.getHeight();
		
		board = Bitmap.createBitmap(this.getWidth(), this.getHeight(),
				Bitmap.Config.ARGB_8888);
		boardCanvas = new Canvas(board);
		
		paint = new Paint();
		paint.setStyle(Style.FILL);
		paint.setAntiAlias(true);

		drawThread.start();
	}

	@Override
	public void surfaceDestroyed(SurfaceHolder holder) {
		isRunning = false;
	}

	private int width;
	private int height;
	private Boolean isRunning = true;
	public void setIsRunning(Boolean isRunning) {
		this.isRunning = isRunning;
	}

	private Paint paint;
	private int i = 0;

	Bitmap board = null;
	Canvas boardCanvas = null;

	Thread drawThread = new Thread() {

		public void run() {
			while (isRunning) {
				long startTime = System.currentTimeMillis();
				Random random = new Random(System.currentTimeMillis());
				Canvas canvas = null;

				try {
					paint.setColor(Color.rgb(random.nextInt(255),
							random.nextInt(255), random.nextInt(255)));
					paint.setStrokeWidth(4);
					paint.setTextSize(40);
					
					String text = "" + i + "";
					boardCanvas.drawText(text, width/2, height/2, paint);
					i++;

					canvas = shd.lockCanvas();
					if (canvas!=null && board!=null) {
						canvas.drawBitmap(board, 0, 0, null);
					}
					
					Thread.sleep(1000);
				} catch (Exception e) {
					e.printStackTrace();
				} finally {
					if (shd != null && canvas != null) {
						shd.unlockCanvasAndPost(canvas);
					}
					long endTime = System.currentTimeMillis();
					Log.e(TAG, "*** 1 spend time: " + (endTime-startTime));
				}
			}
		};
	};

}

这里我将所有的绘画内容都画在board里，然后使用canvas绘制board，以保证SurfaceView的2个缓冲区的内容一致，所以没有闪烁现象发生。

Demo下载地址：http://download.csdn.net/detail/imyfriend/4609832