android之View和SurfaceView

首先介绍一下View类，View类是android的一个超类，每一个View都有一个用于绘画的画布，这个画布可以进行任意的扩展。有的时候我们需要自定义VIew实现自己想要的视图。 view、SurfaceView 是游戏开发中经常用到的视图。

View：显示视图，内置画布，提供图形绘制函数、触屏事件、按键事件函数等； 必须在UI主线程内更新画面，速度较慢。

SurfaceView：基于view视图进行拓展的视图类，更适合2D游戏的开发； 是view的子类，类似使用双缓机制，在新的线程中更新画面所以刷新界面速度比view快。

下面介绍一下 View和SurfaceView区别：

View：必须在UI的主线程中更新画面，用于被动更新画面。

　　surfaceView：UI线程和子线程中都可以。在一个新启动的线程中重新绘制画面，主动更新画面。

先实现一个VIew的例子，新建一个MyView类基础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界面，当然也可以在handler中调用invalidate方法更新界面，这样就可以通过线程不断的重画改变小球的颜色，而且点击画面后小球会慢慢变大。

这是其中的一张截图：

下面看一下用SurfaceView是怎么实现的，照例创建一个MySurfaceView类：

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable { SurfaceHolder surfaceHolder; int count=0; int r=10; public MySurfaceView(Context context) { super(context); //实例化SurfaceHolder对象 surfaceHolder=this.getHolder(); //为SurfaceHolder添加一个回调函数 surfaceHolder.addCallback(this); this.setFocusable(true); } @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(); } synchronized (surfaceHolder) { Draw(); } } } //绘图方法 public void Draw(){ //锁定画布 得到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); //解锁画布 surfaceHolder.unlockCanvasAndPost(canvas); } //在surface大小改变时激发 @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { // TODO Auto-generated method stub } //在surface创建时激发 @Override public void surfaceCreated(SurfaceHolder holder) { // TODO Auto-generated method stub //开启视图线程 new Thread(this).start(); } //在surface销毁时激发 @Override public void surfaceDestroyed(SurfaceHolder holder) { // TODO Auto-generated method stub } } SurfaceView不需要通过线程来更新视图，但在绘图之前必须使用lockCanvas方法锁定画布，并得到画布，然后在画布上绘制；当绘制完成后，使用unlockCanvasAndPost方法来解锁画布，这样才能显示在屏幕上。

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); } }
运行效果和上面的一样，就不做演示了。

android之View和SurfaceView