使用surfaceView實現簡單動畫效果

原文地址：https://www.jianshu.com/p/39eec01e674f

一、概念

View在UI線程去更新自己；
SurfaceView則在一個子線程中去更新自己
SurfaceView是在一個新起的單獨線程中可以重新繪製畫面，而View必須在UI的主線程中更新畫面在UI的主線程中更新動畫，時間一旦太長就會出現問題
SurfaceView在新的線程中更新畫面所以不會阻塞你的UI主線程，但是涉及到線程同步，需要SurfaceView中 thread處理.

觸摸產生的動畫用view，比如打消消樂
一直在動的動畫用SurfaceView，比如有一款跑步的app裏面的效果

二、實現

1.創建SurfaceView
需要創建一個新的擴展了SurfaceView的類，並實現SurfaceHolder.Callback

2.需要重寫的三個方法如下所示:

//在surface的大小發生改變時激發
public void surfaceChanged(SurfaceHolder holder,int format,int width,int height){}
 //在創建時激發，一般在這裏調用畫圖的線程。
public void surfaceCreated(SurfaceHolder holder){}
//銷燬時激發，一般在這裏將畫圖的線程停止、釋放。
public void surfaceDestroyed(SurfaceHolder holder) {}

整個過程：

繼承SurfaceView並實現SurfaceHolder.Callback接口 ----> SurfaceView.getHolder()獲得SurfaceHolder對象 ---->SurfaceHolder.addCallback(callback)添加回調函數---->SurfaceHolder.lockCanvas()獲得Canvas對象並鎖定畫布----> Canvas繪畫 ---->SurfaceHolder.unlockCanvasAndPost(Canvas canvas)結束鎖定畫圖，並提交改變，將圖形顯示。

3、SurfaceHolder
這裏用到了一個類SurfaceHolder,可以把它當成surface的控制器，用來操縱surface。處理它的Canvas上畫的效果和動畫，控制表面，大小，像素等。
幾個需要注意的方法：

// 給SurfaceView當前的持有者一個回調對象。
abstract void addCallback(SurfaceHolder.Callback callback);
// 鎖定畫布，一般在鎖定後就可以通過其返回的畫布對象Canvas，在其上面畫圖等操作了。
abstract Canvas lockCanvas();
// 鎖定畫布的某個區域進行畫圖等..因爲畫完圖後，會調用下面的unlockCanvasAndPost來改變顯示內容。
// 相對部分內存要求比較高的遊戲來說，可以不用重畫dirty外的其它區域的像素，可以提高速度。
abstract Canvas lockCanvas(Rect dirty);
// 結束鎖定畫圖，並提交改變。
abstract void unlockCanvasAndPost(Canvas canvas);

4、實例
這裏的例子實現了一個矩形和一個計時器

package xl.test; 
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.os.Bundle;
import android.view.SurfaceHolder;import android.view.SurfaceView;
public class ViewTest extends Activity {/** Called when the activity is first created. */@Override
  public void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
     setContentView(new MyView(this));
  }
 //視圖內部類
  class MyView extends SurfaceView implements SurfaceHolder.Callback{
  private SurfaceHolder holder;
  private MyThread myThread; 
  public MyView(Context context) {
         super(context);
         // TODO Auto-generated constructor stub
         holder = this.getHolder();
         holder.addCallback(this);
         myThread = new MyThread(holder);//創建一個繪圖線程
     }

      @Override
     public void surfaceChanged(SurfaceHolder holder, int format, int width,
              int height) {
         // TODO Auto-generated method stub
     }

     @Override
     public void surfaceCreated(SurfaceHolder holder) {
          // TODO Auto-generated method stub
         myThread.isRun = true;
         myThread.start();
    }

    @Override
     public void surfaceDestroyed(SurfaceHolder holder) {
        // TODO Auto-generated method stub
        myThread.isRun = false;
    }
 }
  //線程內部類
class MyThread extends Thread{
     private SurfaceHolder holder;
     public boolean isRun ;
     public  MyThread(SurfaceHolder holder) {
          this.holder =holder; 
          isRun = true;
      }
      @Override
      public void run(){
          int count = 0;
          while(isRun) {
              Canvas c = null;
              try{
                  synchronized (holder){
                      c = holder.lockCanvas();//鎖定畫布，一般在鎖定後就可以通過其返回的畫布對象Canvas，在其上面畫圖等操作了。
                    c.drawColor(Color.BLACK);//設置畫布背景顏色
                    Paint p = new Paint(); //創建畫筆
                    p.setColor(Color.WHITE);
                    Rect r = new Rect(100, 50, 300, 250);
                    c.drawRect(r, p);
                    c.drawText("這是第"+(count++)+"秒", 100, 310, p);
                    Thread.sleep(1000);//睡眠時間爲1秒
                }
              } catch (Exception e) {
                  // TODO: handle exception
                  e.printStackTrace();
              }finally{
                     if(c!= null) {
                         holder.unlockCanvasAndPost(c);//結束鎖定畫圖，並提交改變。
                      }
              }
          }
      }
}