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);
}
}
效果如下所示,完整源码地址点击下载。