首先介紹一下View類，View類是android的一個(gè)超類，每一個(gè)View都有一個(gè)用于繪畫(huà)的畫(huà)布，這個(gè)畫(huà)布可以進(jìn)行任意的擴(kuò)展。有的時(shí)候我們需要自定義VIew實(shí)現(xiàn)自己想要的視圖。 view、SurfaceView 是游戲開(kāi)發(fā)中經(jīng)常用到的視圖。

View：顯示視圖，內(nèi)置畫(huà)布，提供圖形繪制函數(shù)、觸屏事件、按鍵事件函數(shù)等； 必須在UI主線程內(nèi)更新畫(huà)面，速度較慢。

SurfaceView：基于view視圖進(jìn)行拓展的視圖類，更適合2D游戲的開(kāi)發(fā)； 是view的子類，類似使用雙緩機(jī)制，在新的線程中更新畫(huà)面所以刷新界面速度比view快。

下面介紹一下 View和SurfaceView區(qū)別：

View：必須在UI的主線程中更新畫(huà)面，用于被動(dòng)更新畫(huà)面。

　　surfaceView：UI線程和子線程中都可以。在一個(gè)新啟動(dòng)的線程中重新繪制畫(huà)面，主動(dòng)更新畫(huà)面。

先實(shí)現(xiàn)一個(gè)VIew的例子，新建一個(gè)MyView類基礎(chǔ)View：

public class MyView extends View { int count=0; public int r=10; //圓的半徑 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); if(count<=100){ count++; }else{ count=0; } //繪圖 Paint paint=new Paint(); switch (count % 4) { case 0: paint.setColor(Color.BLUE); break; case 1: paint.setColor(Color.YELLOW); break; case 2: paint.setColor(Color.GRAY); break; case 3: paint.setColor(Color.RED); break; default: paint.setColor(Color.WHITE); break; } canvas.drawCircle((320+r)/2, (480+r)/2, r, paint); } } 下面是需要顯示它的TestViewActivity類：

invalidate public class TestViewActivity extends Activity { private MyView myView; private int REFRESH; private Handler handler=new Handler(){ public void handleMessage(android.os.Message msg) { if(msg.what==REFRESH){ myView.invalidate(); } }; }; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); myView=new MyView(this); setContentView(myView); new Thread(new Runnable() { @Override public void run() { // TODO Auto-generated method stub while(true){ try { Thread.sleep(200); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } handler.sendEmptyMessage(REFRESH); //使用postInvalidate可以直接在線程中更新UI界面 //myView.postInvalidate(); } } }).start(); } @Override public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub myView.r+=2; return super.onTouchEvent(event); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-generated method stub if(keyCode==KeyEvent.KEYCODE_BACK){ finish(); } return super.onKeyDown(keyCode, event); } } 注釋的部分是可以在線程中更新UI界面，當(dāng)然也可以在handler中調(diào)用invalidate方法更新界面，這樣就可以通過(guò)線程不斷的重畫(huà)改變小球的顏色，而且點(diǎn)擊畫(huà)面后小球會(huì)慢慢變大。

這是其中的一張截圖：

下面看一下用SurfaceView是怎么實(shí)現(xiàn)的，照例創(chuàng)建一個(gè)MySurfaceView類：

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable { SurfaceHolder surfaceHolder; int count=0; int r=10; public MySurfaceView(Context context) { super(context); //實(shí)例化SurfaceHolder對(duì)象 surfaceHolder=this.getHolder(); //為SurfaceHolder添加一個(gè)回調(diào)函數(shù) surfaceHolder.addCallback(this); this.setFocusable(true); } @Override public void run() { // TODO Auto-generated method stub while(true){ //死循環(huán) 來(lái)不停地畫(huà) try { Thread.sleep(200); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } synchronized (surfaceHolder) { Draw(); } } } //繪圖方法 public void Draw(){ //鎖定畫(huà)布 得到Canvas Canvas canvas=surfaceHolder.lockCanvas(); if(surfaceHolder==null || canvas==null){ return ; } if(count<=100){ count++; }else{ count=0; } Paint paint=new Paint(); switch (count % 4) { case 0: paint.setColor(Color.BLUE); break; case 1: paint.setColor(Color.YELLOW); break; case 2: paint.setColor(Color.GRAY); break; case 3: paint.setColor(Color.RED); break; default: paint.setColor(Color.WHITE); break; } canvas.drawCircle((320+r)/2, (480+r)/2, r, paint); //解鎖畫(huà)布 surfaceHolder.unlockCanvasAndPost(canvas); } //在surface大小改變時(shí)激發(fā) @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { // TODO Auto-generated method stub } //在surface創(chuàng)建時(shí)激發(fā) @Override public void surfaceCreated(SurfaceHolder holder) { // TODO Auto-generated method stub //開(kāi)啟視圖線程 new Thread(this).start(); } //在surface銷(xiāo)毀時(shí)激發(fā) @Override public void surfaceDestroyed(SurfaceHolder holder) { // TODO Auto-generated method stub } } SurfaceView不需要通過(guò)線程來(lái)更新視圖，但在繪圖之前必須使用lockCanvas方法鎖定畫(huà)布，并得到畫(huà)布，然后在畫(huà)布上繪制；當(dāng)繪制完成后，使用unlockCanvasAndPost方法來(lái)解鎖畫(huà)布，這樣才能顯示在屏幕上。

public class TestSurfaceViewActivity extends Activity { MySurfaceView mySurfaceView; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); mySurfaceView=new MySurfaceView(this); setContentView(mySurfaceView); } @Override public boolean onTouchEvent(MotionEvent event) { // TODO Auto-generated method stub mySurfaceView.r+=2; return super.onTouchEvent(event); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-generated method stub if(keyCode==KeyEvent.KEYCODE_BACK){ finish(); } return super.onKeyDown(keyCode, event); } }
運(yùn)行效果和上面的一樣，就不做演示了。

android之View和SurfaceView