对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>