对android中的surfaceview的困惑，双缓冲区该怎么理解？

[逆风小企鹅]

这几天想在surfaceview中做个小东西，然后自己试着写了下demo，但是关于他的双缓冲，我一直无法理解，看了很多博客，也不是很明白。
demo很简单，就是获取surfaceview的画布，然后写上0~20的数字，也就是这个显示结果，让我看不明白，先贴效果图：


这是最后的显示画面。问题就是，为什么是间隔了两个数字？也就是说，第一帧：只显示0，第二帧：只显示1，第三帧：只显示2.。按我的理解，不应该是第三帧的时候显示：0 2 么？这样才像是两个画布，而不是三个。

可能问题有点幼稚，还望大神不吝赐教，或者有什么好博客可以推荐下，谢谢。

附源码：

public class MainActivity extends Activity implements Runnable {
	Button button;
	SurfaceView surfaceView;
	SurfaceHolder surfaceHolder;
	Thread thread;
	private final String TAG = "MainActivity.java";
	private boolean isStarted = false;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		init();
	}
	private void init() {
		button = (Button) findViewById(R.id.button1);
		surfaceView = (SurfaceView) findViewById(R.id.surfaceView1);
		surfaceHolder = surfaceView.getHolder();
		thread = new Thread(this);
		button.setOnClickListener(new View.OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				if (!isStarted) {
					isStarted = true;
					thread.start();
				}
			}
		});
	}

	@Override
	public void run() {
		// TODO Auto-generated method stub
		if (surfaceHolder == null) {
			Log.i(TAG, "surfaceHolder==null");
			return;
		}
		int i = 0;
		Paint mPaint = new Paint();
		mPaint.setColor(Color.WHITE);// 画笔为绿色
		mPaint.setStrokeWidth(2);// 设置画笔粗细
		mPaint.setTextSize(50);;
		while (i < 20) {
			Canvas canvas = surfaceHolder.lockCanvas();
			canvas.drawText(""+i, 100, 50+50*i, mPaint);

			surfaceHolder.unlockCanvasAndPost(canvas);// 解锁画布，提交画好的图像
			i++;

			try {
				thread.sleep(500);
			} catch (InterruptedException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}

	}

}

布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${packageName}.${activityClass}" >

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="22dp"
        android:text="开始" />

    <SurfaceView
        android:layout_below="@id/button1"
        android:id="@+id/surfaceView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</RelativeLayout>

[jeky_zhang2013]

没见过，帮顶下~~

[经常在黑云中出没]

楼上的资料不错，此帖推荐了

[BestDraven]

SurfaceView 有两块 canvas 画布, 画布一 在显示的时候, 画布二 已经开始绘制另一个图像, 两块画布交替显示, 因此 在SurfaceView 上打印数字的时候, 可能会出现打印出来的数字不一致, 两块画布的内容不一样的原因; 如果绘制动画 或者 动态图片, 双缓冲会使界面更加流畅, 但是绘制连续的数据的时候会出现交替现象, 这是因为两个缓冲区是不同步的

[R小菜鸟R]

双缓冲主要是为了解决 反复局部刷屏带来的闪烁。把要画的东西先画到一个内存区域里，然后整体的一次性画出来，游戏通常会采用此方式。

[qq_17699095]

[逆风小企鹅]

引用 3 楼 han1202012 的回复:

SurfaceView 有两块 canvas 画布, 画布一 在显示的时候, 画布二 已经开始绘制另一个图像, 两块画布交替显示, 因此 在SurfaceView 上打印数字的时候, 可能会出现打印出来的数字不一致, 两块画布的内容不一样的原因;

如果绘制动画 或者 动态图片, 双缓冲会使界面更加流畅, 但是绘制连续的数据的时候会出现交替现象, 这是因为两个缓冲区是不同步的

谢谢回答，按您的意思，也就是说运行程序后在我们的屏幕上，将会出现两个界面，也就是画布一和画布二分别呈现的，也就是您推荐给我的第一个博客：http://blog.csdn.net/imyfriend/article/details/8033823 中所说的，出现单双数出现在不同的界面的情况。
但是，不知道您是否运行过程序，实际的效果并不是他说的那样子，实际呈现的将会是三个界面：界面一：“0,3,6,9，...”，界面二：”1,4,7,10,... “，界面三：“2,5,8,11，...”，并不是预期的那样，所以能否讲的详细点？
界面一：
界面二：
界面三：

[逆风小企鹅]

引用 7 楼 RrMoon 的回复:

双缓冲主要是为了解决 反复局部刷屏带来的闪烁。把要画的东西先画到一个内存区域里，然后整体的一次性画出来，游戏通常会采用此方式。

那能解释下#9楼的情况么？谢谢

[逆风小企鹅]

引用 1 楼 jeky198306 的回复:

没见过，帮顶下~~

饿，我还以为有人知道答案了...不过还是谢谢

[韩曙亮]

SurfaceView 有两块 canvas 画布, 画布一 在显示的时候, 画布二 已经开始绘制另一个图像, 两块画布交替显示, 因此 在SurfaceView 上打印数字的时候, 可能会出现打印出来的数字不一致, 两块画布的内容不一样的原因; 如果绘制动画 或者 动态图片, 双缓冲会使界面更加流畅, 但是绘制连续的数据的时候会出现交替现象, 这是因为两个缓冲区是不同步的

[韩曙亮]

参考博客 : -- 双缓冲demo : http://blog.csdn.net/imyfriend/article/details/8033823 应该是你的demo那个博客 -- 双缓冲理解 : http://www.apkbus.com/android-99309-1-1.html 分析SurfaceView源码 -- 双缓冲与单缓冲区别 : http://blog.csdn.net/lcfeng1982/article/details/7431446 -- 双缓冲与但缓冲动画绘制区别demo : http://blog.csdn.net/geolo/article/details/6024761

[逆风小企鹅]

引用 5 楼 cclovescw 的回复:

楼上的资料不错，此帖推荐了

版主能解答下我的困惑么？就是9楼的回帖

[周堆栈]

没见过，帮顶下~

[foruok]

有一个办法，就是你使用一个内存图片，每次把要绘制的东西先在它上面绘制好，保留你叠加的效果，lockCanvas 成功后把这个图片绘制到 SurfaceView 。 -------------------------- 博文决赛，投我一票，谢谢。

[逆风小企鹅]

引用 13 楼 foruok 的回复:

有一个办法，就是你使用一个内存图片，每次把要绘制的东西先在它上面绘制好，保留你叠加的效果，lockCanvas 成功后把这个图片绘制到 SurfaceView 。 -------------------------- 博文决赛，投我一票，谢谢。

这个方法我也知道，但是我想知道的是为什么会出现这种现象...

[jeky_zhang2013]

这个估计要研究下底层硬件的处理方式

[jiayangcg]

楼主问题搞定了吗？我也有同样的问题搞不懂。

[编程爱好者111]

我的隔4个数字，难道跟cpu个数有关？

[村口老张头]

我的也是隔4个，我还见过隔2个的，咋理解啊？

[huanxido]

很多人对SurfaceView的双缓冲理解并不对。 一般游戏里说的双缓冲防止画面闪烁，只是每一帧先绘制到bitmap再绘制到SurfaceView的canvas。 而框架中的Surface的双缓冲是另一个概念。 事实上不管是View还是SurfaceView都会使用到Surface双缓冲技术，在4.1以后更是引入了三缓冲。 楼主看到的画面实际上就是Surface的三缓冲造成的。使用SurfaceView每次lockCanvas获取到的画布都是1,2,3个画布轮流切换。 Surface的多缓冲是系统可以指定的， 4.1以前默认是2个，4.2以后默认是3个，厂商可以修改，最多可以使用32个缓冲区。

[a953210725]

研究了下你这个现象,我的理解是这样的:
目前的Android版本是3缓冲,也就是有3个buffer用于绘制.
一对lockCanvas和unlockCanvasAndPost操作一般是一次完整的绘制操作,该操作后就会切换buffer(缓冲)
所以你循环20次该操作,本身的意义也就是在于最后最后一次绘制结果,
所以正常情况下,你期望应该是最后一次绘制结果 "19"

所以前面的数字只是之前绘制在该buffer上的数字,所以是随机的,但最终一定是19
而如果想要去除前面的绘制,应该在绘制前主动清理,如:
canvas.drawColor(Color.TRANSPARENT, PorterDuff.Mode.CLEAR);