使用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);//结束锁定画图,并提交改变。
                      }
              }
          }
      }
}

猜你喜欢

转载自blog.csdn.net/abc6368765/article/details/103662750