這篇文章主要介紹了怎么使用SurfaceView實(shí)現(xiàn)魚兒游動(dòng)動(dòng)畫，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),延壽企業(yè)網(wǎng)站建設(shè),延壽品牌網(wǎng)站建設(shè),網(wǎng)站定制,延壽網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,延壽網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

與自定義view繪圖進(jìn)行對(duì)比：

1.view繪圖沒有雙緩沖機(jī)制，而surfaceview有

2.view繪圖更新時(shí)，要全部更新整張圖片，而surfaceview可以更新部分區(qū)域

3.新線程無法直接更新view繪圖，需要handler配合。

魚兒游動(dòng)的動(dòng)畫:

java代碼：

public class FishView extends SurfaceView implements SurfaceHolder.Callback{ 
 private SurfaceHolder holder; 
 private UpdateViewThread updatethread; 
 private boolean hasSurface; 
 private Bitmap back; 
 private Bitmap[] fishs; 
 private int fishIndex = 0;//繪制第幾張魚 
 //魚的初始位置 
 private float fishx = 778; 
 private float fishy = 500; 
 private float fishSpeed = 6; //魚的游動(dòng)速度 
 //魚的游動(dòng)角度 
 private int fishAngle = new Random().nextInt(60); 
 Matrix matrix = new Matrix(); 
 
 public FishView(Context context) { 
  super(context); 
  Log.i("mydate" , "開始"); 
  //獲取surfaceview的surfaceholder，并將該類的實(shí)例作為其callback 
  holder = getHolder(); 
  holder.addCallback(this);//以自身作為callback,回調(diào)方法 
  hasSurface = false; 
  back = BitmapFactory.decodeResource(context.getResources() , R.drawable.fishbg);//背景 
  int[] id = new int[]{R.drawable.fish0 , R.drawable.fish2 , R.drawable.fish3 ,R.drawable.fish4 ,R.drawable.fish5 ,R.drawable.fish6 ,R.drawable.fish7 ,R.drawable.fish7 ,R.drawable.fish8, R.drawable.fish9}; 
  fishs = new Bitmap[10]; 
  //初始化 魚游動(dòng)的10張圖 
  for (int i = 0 ; i < 10 ; i++){ 
   try { 
    fishs[i] = BitmapFactory.decodeResource(context.getResources() , id[i]); 
   } catch (Exception e){ 
    e.printStackTrace(); 
   } 
  } 
  Log.i("mydate" , "結(jié)束"); 
 } 
 
 public FishView(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  Log.i("mydate" , "開始"); 
  //獲取surfaceview的surfaceholder，并將該類的實(shí)例作為其callback 
  holder = getHolder(); 
  holder.addCallback(this);//以自身作為callback,回調(diào)方法 
  hasSurface = false; 
  back = BitmapFactory.decodeResource(context.getResources() , R.drawable.fishbg);//背景 
  int[] id = new int[]{R.drawable.fish0 , R.drawable.fish2 , R.drawable.fish3 ,R.drawable.fish4 ,R.drawable.fish5 ,R.drawable.fish6 ,R.drawable.fish7 ,R.drawable.fish7 ,R.drawable.fish8, R.drawable.fish9}; 
  fishs = new Bitmap[10]; 
  //初始化 魚游動(dòng)的10張圖 
  for (int i = 0 ; i < 10 ; i++){ 
   try { 
//    int fishId = (Integer) R.drawable.class.getField("fish" + i).get(null);//反射機(jī)制獲取圖片 
//    Log.i("mydate" , " "+ fishId); 
    fishs[i] = BitmapFactory.decodeResource(context.getResources() , id[i]); 
   } catch (Exception e){ 
    e.printStackTrace(); 
   } 
  } 
  Log.i("mydate" , "結(jié)束"); 
 } 
 
 
 public void resume(){ 
  //創(chuàng)建和啟動(dòng) 圖片更新線程 
  if (updatethread == null){ 
   updatethread = new UpdateViewThread(); 
   if (hasSurface == true){ 
    updatethread.start(); 
   } 
  } 
 } 
 
 public void pause(){ 
  //停止 圖像更新線程 
  if (updatethread != null){ 
   updatethread.requestExitAndWait(); 
   updatethread = null; 
  } 
 } 
 
 
 @Override 
 public void surfaceCreated(SurfaceHolder holder) { //surfaceview被創(chuàng)建時(shí)回調(diào)該方法 
  hasSurface = true; 
  resume(); //開啟線程更新 
 } 
 
 @Override 
 public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {//surfaceview改變時(shí)回調(diào)該方法 
  if (updatethread != null){ 
   updatethread.onWindowResize(width , height); 
  } 
 } 
 
 @Override 
 public void surfaceDestroyed(SurfaceHolder holder) {//surfaceview銷毀時(shí)回調(diào)該方法 
  hasSurface = false; 
  pause(); //停止線程更新 
 } 
 
 class UpdateViewThread extends Thread{ 
  //定義圖像是否更新完成的標(biāo)志 
  private boolean done; 
 
  public UpdateViewThread() { 
   super(); 
   done = false; 
  } 
 
  @Override 
  public void run() { 
   SurfaceHolder surfaceholder = holder; 
   //循環(huán)繪制，直到線程停止 
   while (!done){ 
    Canvas canvas = surfaceholder.lockCanvas();//鎖定surfaceview,準(zhǔn)備繪制 
    //繪制背景 
    canvas.drawBitmap(back , 0 , 0 , null); 
    //魚游出屏幕外，重新初始化魚的位置 
    if (fishx < 0 ){ 
     fishx = 778; 
     fishy = 500; 
     fishAngle = new Random().nextInt(60); 
    } 
    if (fishy < 0){ 
     fishx = 778; 
     fishy = 500; 
     fishAngle = new Random().nextInt(60); 
    } 
    //用matrix控制魚的旋轉(zhuǎn)角度和位置 
    matrix.reset(); 
    matrix.setRotate(fishAngle);//下面的位置計(jì)算看圖片的解釋如下： 
    matrix.postTranslate(fishx -= fishSpeed * Math.cos(Math.toRadians(fishAngle)) , fishy -= fishSpeed * Math.sin(Math.toRadians(fishAngle))); 
    canvas.drawBitmap(fishs[fishIndex++%fishs.length] , matrix , null); 
    surfaceholder.unlockCanvasAndPost(canvas);//解鎖canvas，渲染繪制圖像 
    try { 
     Thread.sleep(60); 
    } catch (Exception e){ 
     e.printStackTrace(); 
    } 
   } 
  } 
 
  public void requestExitAndWait() { 
   //將繪制線程 標(biāo)記為完成 ,并合并到主線程中 
   done = true; 
   try { 
    join(); 
   } catch (Exception e){ 
    e.printStackTrace(); 
   } 
  } 
 
  public void onWindowResize(int width, int height) { 
   //處理surfaceview的大小改變事件 
  } 
 } 
 
}

位置計(jì)算圖片解釋如下:

Math.toRadians(fishAngle)

先理解這句代碼的意思:將0-360的角度制角度轉(zhuǎn)化為pi弧度制角度

魚兒不停的游動(dòng)，坐標(biāo)改變其實(shí)就是：

當(dāng)前的x坐標(biāo) - 速度*cos角度 ， 當(dāng)前的y坐標(biāo) - 速度*sin角度

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“怎么使用SurfaceView實(shí)現(xiàn)魚兒游動(dòng)動(dòng)畫”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!