/********************************************************************************************
 * author：[email protected]大鐘                                                                                                                          
 * E-mail：[email protected]                                                                                                             
 * 

 ********************************************************************************************/

1、View

2、

          從上述的Overview可知，SurfaceView是繼承於View類的，（GLSurfaceView是繼承於SurfaceView的）。關於SurfaceView的詳細可以參看之前的博文

Android更新螢幕主要有兩種方式，繼承SurfaceView實現SurfaceHolder.callback介面來實現螢幕的更新。

或者直接繼承View類，複寫OnDraw方法實現更新螢幕。

事實上，兩種是用本質的區別的。

3、View與SurfaceView更新螢幕的區別

對於SurfaceView更新螢幕，是在非UI執行緒（主執行緒）中更新的。而對於View，則是在UI的主執行緒中更新畫面。
那在UI的主執行緒中更新畫面很容易造成主執行緒的堵塞，造成程式的長時間無響應，當主UI執行緒超過5秒鐘沒有響應使用者的操作，Android系統會提示是否關閉應用程式。

當使用SurfaceView 來更新畫面的話，就不必擔心堵塞主UI執行緒這個問題了。但是這也帶來了另外一個問題，執行緒的同步性。

所以當更新操作說花的時間較長，而且資料量較大的話，一般採用SurfaceView方式更新螢幕，而少用View。

4、Demo程式

/*
 * author: conowen
 * e-mail: [email protected]
 * date  :  2012.8.8
 */
package com.conowen.viewtestdemo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.view.View;

public class MyView extends View {

	private int counter;

	public MyView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

	@Override
	protected void onDraw(Canvas canvas) {
		// TODO Auto-generated method stub
		super.onDraw(canvas);
/*		synchronized (this) {
			try {
				wait(10 * 1000);
			} catch (InterruptedException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}
*/
		// 設定Canvas物件的背景顏色
		canvas.drawColor(Color.YELLOW - counter);

		// 建立畫筆
		Paint p = new Paint();
		// 設定畫筆顏色
		p.setColor(Color.RED);
		// 設定文字大小
		p.setTextSize(40);
		// 消除鋸齒
		p.setFlags(Paint.ANTI_ALIAS_FLAG);

		// 在canvas上繪製rect
		canvas.drawArc(new RectF(100, 50, 400, 350), 0, counter, true, p);
		if (counter == 400) {
			counter = 0;
		}

		canvas.drawText("counter = " + (counter++), 500, 200, p);
		// 重繪, 再一次執行onDraw 程式
		invalidate();

	}

}

開啟下面的程式碼，測試堵塞主UI執行緒（長按螢幕5秒以上）就會出現如下的圖。

synchronized (this) {
			try {
				wait(10 * 1000);
			} catch (InterruptedException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}
		}

注意：

     onDraw方法是運行於主UI執行緒中的，如果你在onDraw中執行invalidate()方法去更新螢幕，是可以的。但是你既要繼承View而且要不希望堵塞主UI執行緒的話，可以另外新建執行緒，然後線上程中執行postInvalidate()方法去更新螢幕。也就是說invalidate()方法只能在主UI執行緒中被呼叫，postInvalidate()方法只能在非主UI執行緒中被呼叫。否則會出現如下error

08-08 15:33:34.587: E/AndroidRuntime(4995): android.view.ViewRootImpl$CalledFromWrongThreadException: Only the original thread that created a view hierarchy can touch its views.

這兩個方法只是再次呼叫onDraw方法而已。

Invalidate the whole view. If the view is visible, will be called at some point in the future. This must be called from a UI thread. To call from a non-UI thread, call.

如下面的程式碼所示。這樣的話，就不必擔心主UI執行緒被堵塞了。

/*
 * author: conowen
 * e-mail: [email protected]
 * date  :  2012.8.4
 */
package com.conowen.viewtestdemo;

import java.util.Timer;
import java.util.TimerTask;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.RectF;
import android.view.View;

public class MyView extends View {

    private int counter;
    private boolean isNewThread;
    private RectF rectf;
    private Paint p;
    private Timer timer;

    public MyView(Context context) {
        super(context);
        // TODO Auto-generated constructor stub
        isNewThread = true;
        rectf = new RectF(100, 50, 400, 350);
        p = new Paint();
        timer = new Timer();
    }

    public void newThread() {

        timer.schedule(new TimerTask() {

            @Override
            public void run() {
                // TODO Auto-generated method stub
                postInvalidate();
                
            }
        }, 0, 100);

    }

    @Override
    protected void onDraw(Canvas canvas) {
        // TODO Auto-generated method stub
        super.onDraw(canvas);
        if (isNewThread) {
            newThread();
            isNewThread = false;
        }
        // 設定Canvas物件的背景顏色
        canvas.drawColor(Color.YELLOW - counter);

        // 設定畫筆顏色
        p.setColor(Color.RED);
        // 設定文字大小
        p.setTextSize(40);
        // 消除鋸齒
        p.setFlags(Paint.ANTI_ALIAS_FLAG);

        // 在canvas上繪製rect
        canvas.drawArc(rectf, 0, counter, true, p);
        if (counter == 400) {
            counter = 0;
        }

        canvas.drawText("counter = " + (counter++), 500, 200, p);

    }

}