Android开发——SurfaceView使用总结

0.  前言

 

在Android开发中，如果需要在主线程之外的线程绘制界面、View需要频繁刷新或刷新时数据流较大时，就要考虑使用SurfaceView了。因为SurfaceView可以避免画图任务繁重的时候造成主线程阻塞，从而提高了程序的反应速度。

 

1.  SurfaceView和View的区别

（1）View主要用于主动刷新的情况下，而SurfaceView多用于频繁地被动刷新。

（2）View是在主线程对界面进行刷新，而SurfaceView可以通过一个子线程进行界面刷新。SurfaceView继承了View，普通View会在当前window中的Surface中绘制（一个window对应一个Surface），而SurfaceView内部维护了自己的Surface，因此你可以创建一个专门的渲染线程在它的Surface中的Canvas上进行绘制。

（3）SurfaceView在底层实现机制中实现了双缓冲机制。

2.  SurfaceView的使用

2.1  创建SurfaceView并实现接口

public class SurfaceViewTemplate extends SurfaceView
        implements SurfaceHolder.Callback, Runnable {

Callback接口对应如下几个要实现的方法：

//当Surface第一次创建后会立即调用该函数，一般在这里开启画图的线程
@Override
public void surfaceCreated(SurfaceHolder holder) {
}
//当Surface的状态发生变化的时候会调用该函数
@Override
public void surfaceChanged(SurfaceHolder holder,int format, int width, int height) {
}
//当Surface被摧毁前会调用该函数
@Override
public void surfaceDestroyed(SurfaceHolder holder) {
}

而第二个接口Runnable对应如下方法：

//一般在这里描述具体的绘制逻辑
@Override
public void run() {
}

2.2  SurfaceView的初始化

初始化工作一般在构造方法中进行，在这里主要是创建并维护一个SurfaceHolder对象，通过SurfaceView的getHolder()函数可以获取SurfaceHolder对象，并通过该对象的addCallback(this)给SurfaceView当前的持有者一个回调对象。

SurfaceHolder对象的lockCanvas()用于获取Canvas绘图对象，一般在run()中进行获取Canvas并进行绘图，因此lockCanvas()并不会获得一个新的Canvas对象，因此之前的绘图操作会被保存，清屏可以使用drawColor()方法。最后使用unlockCanvasAndPost()对画布内容进行提交。

2.3  SurfaceView的模版代码

对上述知识点进行串接，并形成SurfaceView如下的模版代码，具体的绘图逻辑就可以在draw()中进行。

public class SurfaceViewTemplate extends SurfaceView implements SurfaceHolder.Callback, Runnable {
    private SurfaceHolder mHolder;
    private Canvas mCanvas;
    private boolean mIsDrawing;

    public SurfaceViewTemplate(Context context) {
        super(context);
        initView();
    }

    public SurfaceViewTemplate(Context context, AttributeSet attrs) {
        super(context, attrs);
        initView();
    }

    public SurfaceViewTemplate(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initView();
    }

    private void initView() {
        mHolder = getHolder();
        mHolder.addCallback(this);
        setFocusable(true);
        setFocusableInTouchMode(true);
        this.setKeepScreenOn(true);
    }

    @Override
    public void surfaceCreated(SurfaceHolder holder) {
        mIsDrawing = true;
        new Thread(this).start();
    }

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

    @Override
    public void surfaceDestroyed(SurfaceHolder holder) {
        mIsDrawing = false;
    }

    @Override
    public void run() {
        while (mIsDrawing) {
            draw();
        }
    }

    private void draw() {
        try {
            mCanvas = mHolder.lockCanvas();
            // draw sth
        } catch (Exception e) {
        } finally {
            if (mCanvas != null)
                mHolder.unlockCanvasAndPost(mCanvas);
        }
    }
}

3.  SurfaceView的使用示例

该示例介绍如何使用SurfaceView的上述模版代码实现一个绘图板。

获取用户手势必须得重写onTouchEvent()并通过Path对象记录位置。

@Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                mPath.moveTo(x, y);
                break;
            case MotionEvent.ACTION_MOVE:
                mPath.lineTo(x, y);
                break;
            case MotionEvent.ACTION_UP:
                break;
        }
        return true;
    }

最后在SurfaceView模版代码中的draw()方法中通过该Path对象进行绘制。

private void draw() {
        try {
            mCanvas = mHolder.lockCanvas();
            mCanvas.drawColor(Color.WHITE);
            mCanvas.drawPath(mPath, mPaint);
        } catch (Exception e) {
        } finally {
            if (mCanvas != null)
                mHolder.unlockCanvasAndPost(mCanvas);
        }
}

效果如下所示，完整源码地址点击下载。