SurfaceView使用详解

什么是SurfaceView

你可以把View理解为一个经过系统优化的，可以用来高效的执行一些帧数比较低动画的对象，它具有特定的使用 场景，比如有一些帧数较低的游戏就可以使用它来完成：贪吃蛇、俄罗斯方块、棋牌类等游戏，因为这些游戏执行的帧数都很低。但是如果是一些实时类的游戏，如 射击游戏、塔防游戏、RPG游戏等就没办法使用View来做，因为它的帧数太低了，会导致动画执行不顺畅。所以我们需要一个能自己控制执行帧数的对 象，SurfaceView因此诞生了。

Surface的意思是表层，表面的意思，那么SurfaceView就是指一个在表层的View对象。为什么 说是在表层呢，这是因为它有点特殊跟其他View不一样，其他View是绘制在表层外，而它就是充当表层对象。假设你要在一个球上画画，那么球的表层就当 做你的画布对象，你画的东西会挡住它的表层，我们默认没使用SurfaceView，那么球的表层就是空白的，如果我们使用了SurfaceView，我 们可以理解为我们拿来的球本身表面就具有纹路，你是画再纹路之上的，如果你画的是半透明的，那么你将可以透过你画的东西看到球面本身的纹路。SDK的文档 说到：SurfaceView就是在Window上挖一个洞，它就是显示在这个洞里，其他的View是显示在Window上，所以View可以显式在 SurfaceView之上，你也可以添加一些层在SurfaceView之上。

它一个很好用的地方就是允许其他线程(不是UI线程)绘制图形(使用Canvas)，根据它这个特性，你就可以控制它的帧数，你如果让这个线程1秒执行50次绘制，那么最后显示的就是50帧。

如何使用SurfaceView？

首先SurfaceView也是一个View，它也有自己的生命周期。因为它需要另外一个线程来执行绘制操作，所以我们可以在它生命周期的初始化阶 段开辟一个新线程，然后开始执行绘制，当生命周期的结束阶段我们插入结束绘制线程的操作。这些是由其内部一个SurfaceHolder对象完成的。 SurfaceHolder，顾名思义，它里面保存了一个队Surface对象的引用，而我们执行绘制方法就是操作这个 Surface，SurfaceHolder因为保存了对Surface的引用，所以使用它来处理Surface的生命周期，说到底 SurfaceView的生命周期其实就是Surface的生命周期，因为SurfaceHolder保存对Surface的引用，所以使用 SurfaceHolder来处理生命周期的初始化。首先我们先看看建立一个SurfaceView的大概步骤，先看看代码：

frameLayout = (FrameLayout) findViewById(R.id.fl) ; // 帧布局容器
   frameLayout.addView(new MySurfaceView(this));  // 添加surfaceView布局到容器里
    //LayoutInflater.from(this).inflate(new DemoSurfaceView(), frameLayout) ;

package com.zjzs.gisq.app;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.SurfaceHolder;
import android.view.SurfaceView;

/**
* Created by susr on 2016/11/10 15:35.
* SurfaceView的使用：
* SurfaceView指的是一个在表层的View对象
*
* 实现功能描述：
* 使用线程绘制一个逐渐变大的圆圈
*/

public class MySurfaceView extends SurfaceView implements SurfaceHolder.Callback {

private LoopThread thread;


public MySurfaceView(Context context) {
    super(context);

    init();
}

/**
 * 初始化,设置Surface生命周期回调方法
 */
private void init() {

    SurfaceHolder holder = getHolder();
    holder.addCallback(this);
    thread = new LoopThread(holder, getContext());
}

/**
 * 当SurfaceView被显示时会调用的方法
 * 在这里开启绘制的线程
 * @param holder
 */
@Override
public void surfaceCreated(SurfaceHolder holder) {

    thread.isRuning = true;
    // 开启线程
    thread.start();

}

@Override
public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {

}

/**
 * 当SurfaceView被隐藏会销毁时调用的方法、
 * 在这里执行关闭绘制的线程
 * @param holder
 */
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
    thread.isRuning = false;

    try {
        thread.join();
    } catch (InterruptedException e) {
        e.printStackTrace();
    }
}

/**
 * 执行绘制的绘制线程
 */
private class LoopThread extends Thread {
    SurfaceHolder surfaceHolder;
    Context       context;
    boolean       isRuning;
    Paint         paint;

    Float radius = 10f;

    // 构造方法：做一些初始化的事情
    public LoopThread(SurfaceHolder holder, Context context) {

        this.surfaceHolder = holder;
        this.context = context;
        isRuning = false;

        paint = new Paint();
        paint.setColor(Color.YELLOW);
        paint.setStyle(Paint.Style.STROKE);
    }

    @Override
    public void run() {
        Canvas canvas = null;
        while (isRuning) {

            try {
                synchronized (surfaceHolder) {
                    canvas = surfaceHolder.lockCanvas(null); // 加锁
                    doDraw(canvas);
                    Thread.sleep(50);  // 绘制一次休息50毫秒
                }
            } catch (InterruptedException e) {
                e.printStackTrace();
            } finally {

                // 操作完后，释放锁
                surfaceHolder.unlockCanvasAndPost(canvas);
            }

        }
    }

    private void doDraw(Canvas canvas) {

        canvas.drawColor(Color.BLACK); // 清除上次绘制留下的图形

        canvas.translate(300, 300);
        canvas.drawCircle(0, 0, radius++, paint);

        if (radius > 100) {
            radius = 10f;
        }
        // invalidate(); // 自动刷新
    }
}

}

上面代码编写了一个使用SurfaceView制作的动画效果，它的效果跟上面自定义View的一样，但是这边的SurfaceView可以控制动 画的帧数。在SurfaceView中内置一个LoopThread线程，这个线程的作用就是用来绘制图形，在SurfaceView中实例化一个 LoopThread实例，一般这个操作会放在SurfaceView的构造方法中。然后通过在SurfaceView中的SurfaceHolder的 生命周期回调方法中插入一些操作，当Surface被创建时(SurfaceView显示在屏幕中时)，开启LoopThread执行绘 制，LoopThread会一直刷新SurfaceView对象，当SurfaceView被隐藏时就停止改线程释放资源。这边有几个地方要注意下：

1.因为SurfaceView允许自定义的线程操作Surface对象执行绘制方法，而你可能同时定义多个线程执行绘制，所以当你获取 SurfaceHolder中的Canvas对象时记得加同步操作，避免两个不同的线程同时操作同一个Canvas对象，当操作完成后记得调用 SurfaceHolder.unlockCanvasAndPost方法释放掉Canvas锁。
2.在调用doDraw执行绘制时，因为SurfaceView的特点，它会保留之前绘制的图形，所以你需要先清空掉上一次绘制时留下的图形。(View则不会，它默认在调用View.onDraw方法时就自动清空掉视图里的东西)。
3. 记得在回调方法：onSurfaceDestroyed方法里将后台执行绘制的LoopThread关闭，这里是使用join方法。这涉及到线程如何关闭 的问题，多数人建议是通过一个标志位：isRunning来判断线程是否该停止运行，如果你想关闭线程只需要将isRunning改成false即可，线 程会自动执行完run方法后退出。

运行效果图

总结

通过上面的分析，现在大家应该会简单使用SurfaceView了，总的归纳起来SurfaceView和View不同之处有：

1. SurfaceView允许其他线程更新视图对象(执行绘制方法)而View不允许这么做，它只允许UI线程更新视图对象。

2. SurfaceView是放在其他最底层的视图层次中，所有其他视图层都在它上面，所以在它之上可以添加一些层，而且它不能是透明的。

3. 它执行动画的效率比View高，而且你可以控制帧数。

4. 因为它的定义和使用比View复杂，占用的资源也比较多，除非使用View不能完成，再用SurfaceView否则最好用View就可以。(贪吃蛇，俄罗斯方块，棋牌类这种帧数比较低的可以使用View做就好)