Android SurfaceView实现人物动画


经常看到别人的游戏中有人物跑动的效果，对这个东西很好奇，刚好群里上传了“忍者突袭”的代码，我看了里面的代码，但对画人物那段还是没咋弄，所以自己写一个测试程序，程序中使用到的图片资源是来自“忍者突袭”的代码，真心的感谢写“忍者突袭”代码的人～～

人物角色使用的图片如下：


在画人物角色时会对这张图片进行剪切，使用的函数是

绘制人物角色的思想是使用mCanvas.clipRect(mClipRect);函数来设置画布显示的位置及大小,假设为(presentX，presentY，presentX + width/10, presentY + height)(presentX和presentY为现在图片的位置，width和height为图片的宽度和高度)，然后使用mCanvas.drawBitmap来绘制图片，第一次绘制图片的位置是(presentX，presentY)，然后将绘制图片的位置修改为(presentX - width / 10, presentY),第二次设置的画布显示的位置仍然是presentX，presentY，presentX + width/10, presentY + height，绘制图片的位置是(presentX - width / 10, presentY)，而第二张图片的位置刚好是presentX，presentY，所以显示的是第二张图片，依次类推的实现其它图片的显示。

实例代码如下：

  1. package com.example.runmanenvironmenttest;  
  2.   
  3. import Android.content.Context;  
  4. import android.graphics.Bitmap;  
  5. import android.graphics.BitmapFactory;  
  6. import android.graphics.Canvas;  
  7. import android.graphics.Color;  
  8. import android.graphics.Paint;  
  9. import android.graphics.Rect;  
  10. import android.util.AttributeSet;  
  11. import android.view.SurfaceHolder;  
  12. import android.view.SurfaceView;  
  13.   
  14. public class MyView extends SurfaceView implements SurfaceHolder.Callback, Runnable{  
  15.   
  16.     private SurfaceHolder holder;    
  17.     private Canvas mCanvas;  
  18.       
  19.     private Bitmap mBg1;  
  20.       
  21.     private Bitmap mPlay1;  
  22.       
  23.     private int mWidth;  
  24.     private int mHeight;  
  25.       
  26.     private Paint mPaint;  
  27.       
  28.     private String tag = "xiao";  
  29.       
  30.     private BitmapFactory.Options ops;  
  31.     private Rect mRect;  
  32.     private Rect mClipRect;  
  33.     private int mPosition = 20;  
  34.     private int mPicPosition = 0;  
  35.     private int mStep = 5;  
  36.     private int mBamHeight = 600;  
  37.       
  38.     public MyView(Context context, AttributeSet attrs) {  
  39.         super(context, attrs);  
  40.         // TODO Auto-generated constructor stub   
  41.         holder = this.getHolder();    
  42.         holder.addCallback(this);  
  43.         mPaint = new Paint();  
  44.         mPaint.setColor(Color.YELLOW);  
  45.           
  46.         ops = new BitmapFactory.Options();  
  47.         mBg1 = BitmapFactory.decodeResource(this.getResources(),  
  48.                 R.drawable.bg1, ops);  
  49.          
  50.         mPlay1 = BitmapFactory.decodeResource(getResources(), R.drawable.dartman, ops);  
  51.     }  
  52.       
  53.     @Override  
  54.     public void surfaceChanged(SurfaceHolder holder, int format, int width,  
  55.             int height) {  
  56.         // TODO Auto-generated method stub   
  57.         mWidth = width;  
  58.         mHeight = height;  
  59.         mRect = new Rect(0, 0, mWidth, mHeight);  
  60.           
  61.         new Thread(this).start();  
  62.     }  
  63.   
  64.     @Override  
  65.     public void surfaceCreated(SurfaceHolder holder) {  
  66.         // TODO Auto-generated method stub   
  67.           
  68.     }  
  69.   
  70.     @Override  
  71.     public void surfaceDestroyed(SurfaceHolder holder) {  
  72.         // TODO Auto-generated method stub   
  73.           
  74.     }  
  75.   
  76.     @Override  
  77.     public void run() {  
  78.         // TODO Auto-generated method stub   
  79.         //myDraw();   
  80.         while(true){  
  81.             try {  
  82.                 mClipRect = new Rect(mPosition * mStep + mPlay1.getWidth() / 10, mBamHeight,mPosition * mStep + 2 * mPlay1.getWidth() / 10, mBamHeight - mPlay1.getHeight());  
  83.                 mCanvas = holder.lockCanvas();  
  84.                 if (mCanvas != null) {  
  85.                     mCanvas.drawBitmap(mBg1, null,mRect, mPaint);  
  86.                       
  87.                     mCanvas.save();  
  88.                     mCanvas.clipRect(mClipRect);  
  89.                     mCanvas.drawBitmap(mPlay1, mPlay1.getWidth() / 10 + mPosition * mStep - mPicPosition * mPlay1.getWidth() / 10, mBamHeight - mPlay1.getHeight(), mPaint);  
  90.                     mCanvas.restore();  
  91.                     mPicPosition++;  
  92.                     if(mPosition * mStep > mWidth){  
  93.                         mPosition = 0;  
  94.                     }  
  95.                     if(mPicPosition > 9){  
  96.                         mPicPosition = 0;  
  97.                     }  
  98.                 }  
  99.       
  100.             } catch (Exception e) {  
  101.                 e.printStackTrace();  
  102.             } finally {  
  103.                 if (mCanvas != null) {  
  104.                     holder.unlockCanvasAndPost(mCanvas);  
  105.                 }  
  106.             }  
  107.             try {  
  108.                 Thread.sleep(1000);  
  109.             } catch (InterruptedException e) {  
  110.                 // TODO Auto-generated catch block   
  111.                 e.printStackTrace();  
  112.             }  
  113.         }  
  114.     }  
  115. }  

源代码下载地址：

免费下载地址在 http://linux.bkjia.com/

用户名与密码都是www.bkjia.com

具体下载目录在 /2012年资料/9月/13日/Android SurfaceView实现人物动画

相关内容