首页 > 代码库 > SurfaceView的基本使用
SurfaceView的基本使用
一、引入：
Android提供了View来进行绘图处理，在大部分情况下，View都能满足绘图需求。大家都知道View是通过刷新来重绘视图，Android系统通过发出VSYNC信号来进行屏幕的重绘，刷新的间隔时间为16ms。如果在16ms内View完成了你所需要执行的所有操作，那么用户在视觉上，就不会产生卡顿的感觉；反之，如果操作的逻辑过多时，就会掉帧从而使得用户感觉到卡顿。特别的需要频繁刷新的界面上，如游戏（60FPS以上），就会不断阻塞主线程，从而导致界面卡顿。而Android提供了SurfaceView来解决这种情况。
二、SurfaceView和View的不同之处
SurfaceView和View的不同之处：
|
View |
SurfaceView |
|
适用于主动更新 |
适用于被动刷新 |
|
在主线程中进行画面更新 |
通常通过一个子线程来进行画面更新 |
|
绘图中没有使用双缓冲机制 |
在底层实现中就实现了双缓冲机制 |
比较了上面的不同之处，显然可以发现，如果一个View需要频繁的刷新，或者在刷新时数据处理量大（可能引起卡顿），可以考虑使用SurfaceView来替代View。
三、SurfaceView的基本使用
SurfaceView在使用的过程中，有一套模板代码，对于大部分的SurfaceView绘图操作而言都可以套用，因此SurfaceView在使用过程中并不难。
其中值得注意的几个点：。
两个接口
SurfaceHolder.CallBack
Runnable
第一个接口中需要实现的方法分别对应于SurfaceView的生命周期，即创建、改变和销毁。具体代码如下：
//Surface的生命周期 @Override public void surfaceCreated(SurfaceHolder holder) { } @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { } @Override public void surfaceDestroyed(SurfaceHolder holder) { }
而第二接口需要实现run方法，用于在子线程中进行draw操作。
由于SurfaceView的基本操作比较简单，这边就直接给出了它的一个模板代码
package com.pignet.surfaceviewdemo; import android.content.Context; import android.graphics.Canvas; import android.util.AttributeSet; import android.view.SurfaceHolder; import android.view.SurfaceView; /** * Created by DB on 2017/6/9. */ 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); } public SurfaceViewTemplate(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } 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(); //通过线程休眠以控制刷新速度 try { Thread.sleep(50); } catch (InterruptedException e) { e.printStackTrace(); } } } private void draw() { try { mCanvas=mHolder.lockCanvas(); //初始化画布并在画布上画一些东西 }catch (Exception e){ }finally { //判断画布是否为空，从而避免黑屏情况 if(mCanvas!=null){ mHolder.unlockCanvasAndPost(mCanvas); } } } }
下面结合一个具体的示例，展现SurfaceView在绘图中的效果（绘图板，即通过监听触摸事件完成内容的绘制）。
package com.pignet.surfaceviewdemo; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Path; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEvent; import android.view.SurfaceHolder; import android.view.SurfaceView; /** * Created by DB on 2017/6/9. */ public class SurfaceViewTemplate extends SurfaceView implements SurfaceHolder.Callback,Runnable { private static final String TAG="SurfaceView"; //SurfaceHolder private SurfaceHolder mHolder; //用于绘图的Canvas private Canvas mCanvas; //子线程标志位 private boolean mIsDrawing; //画笔 private Paint mPaint; //路径 private Path mPath; public SurfaceViewTemplate(Context context) { super(context); initView(); } public SurfaceViewTemplate(Context context, AttributeSet attrs) { super(context, attrs); initView(); } public SurfaceViewTemplate(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); initView(); } private void initView() { mHolder = getHolder(); //添加回调 mHolder.addCallback(this); mPath=new Path(); //初始化画笔 mPaint=new Paint(); mPaint.setStyle(Paint.Style.STROKE); mPaint.setStrokeWidth(6); mPaint.setAntiAlias(true); mPaint.setColor(Color.RED); setFocusable(true); setFocusableInTouchMode(true); this.setKeepScreenOn(true); } //Surface的生命周期 @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() { long start =System.currentTimeMillis(); while(mIsDrawing){ draw(); long end = System.currentTimeMillis(); if(end-start<100){ try{ Thread.sleep(100-end+start); } catch (InterruptedException e) { e.printStackTrace(); } } } } private void draw() { try{ //锁定画布并返回画布对象 mCanvas=mHolder.lockCanvas(); //接下去就是在画布上进行一下draw mCanvas.drawColor(Color.WHITE); mCanvas.drawPath(mPath,mPaint); }catch (Exception e){ }finally { //当画布内容不为空时，才post，避免出现黑屏的情况。 if(mCanvas!=null) mHolder.unlockCanvasAndPost(mCanvas); } } /** * 绘制触摸滑动路径 * @param event MotionEvent * @return true */ @Override public boolean onTouchEvent(MotionEvent event) { int x=(int) event.getX(); int y= (int) event.getY(); switch (event.getAction()){ case MotionEvent.ACTION_DOWN: Log.d(TAG, "onTouchEvent: down"); mPath.moveTo(x,y); break; case MotionEvent.ACTION_MOVE: Log.d(TAG, "onTouchEvent: move"); mPath.lineTo(x,y); break; case MotionEvent.ACTION_UP: Log.d(TAG, "onTouchEvent: up"); break; } return true; } /** * 清屏 * @return true */ public boolean reDraw(){ mPath.reset(); return true; } }
效果图：
SurfaceView的基本使用
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。