Android自定义SurfaceView实现画板功能

接触了这么久的View，总不能一直停留在View里，现在开始呢，就要学习一个新的知识点：SurfaceView，实际上SurfaceView与View的原理都差不多，只是效率和渲染方式上，SurfaceView要优于View，这也是我们写这个的原因。今天就看看这个SurfaceView，好了，下面就是今天要说的效果。

界面很简单，就是一个按钮以及一个画板，先看看界面的代码吧

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"android:orientation="vertical" tools:context="com.example.xinxindemo.MainActivity" > <com.example.xinxindemo.view.SecondSurfaceViewandroid:id="@+id/surfaceview"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_weight="20" /> <LinearLayoutandroid:layout_width="match_parent"android:layout_height="55dip"android:orientation="horizontal"android:padding="5dip" ><Button android:onClick="onClick" android:layout_width="wrap_content" android:layout_height="match_parent" android:text="clean" /></LinearLayout></LinearLayout>

对吧，界面不是很复杂，下面再看看这个SecondSurfaceView是怎么实现的;

/** * 2016年7月26日17:20:13 * @author 小瓶盖 blog* */public class SecondSurfaceView extends SurfaceView implements SurfaceHolder.Callback,Runnable{ /*** 是否处于绘制状态*/ private boolean mIsDrawing; /*** 帮助类*/ private SurfaceHolder mHolder; /*** 画布*/ private Canvas mCanvas; /*** 路径*/ private Path mPath; /*** 画笔*/ private Paint mPaint; public SecondSurfaceView（Context context, AttributeSet attrs, int defStyle） {super（context, attrs, defStyle）;initView（）; } public SecondSurfaceView（Context context, AttributeSet attrs） {super（context, attrs）;initView（）; } public SecondSurfaceView（Context context） {super（context）;initView（）; } @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;default: break;}return true; } private void initView（） {mHolder=getHolder（）;mHolder.addCallback（this）;setFocusable（true）;setFocusableInTouchMode（true）;this.setKeepScreenOn（true）;mPath=new Path（）;mPaint=new Paint（）;mPaint.setAntiAlias（true）;mPaint.setColor（Color.BLACK）;mPaint.setStyle（Style.STROKE）;mPaint.setStrokeWidth（15）; } @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 （Exception e） {e.printStackTrace（）; }} } @Override public void surfaceChanged（SurfaceHolder arg0, int arg1, int arg2, int arg3） { } @Override public void surfaceCreated（SurfaceHolder arg0） {mIsDrawing=true;new Thread（this）.start（）; } @Override public void surfaceDestroyed（SurfaceHolder arg0） {mIsDrawing=false; } private void draw（）{try { mCanvas=mHolder.lockCanvas（）; mCanvas.drawColor（Color.WHITE）; mCanvas.drawPath（mPath, mPaint）;} catch （Exception e） { e.printStackTrace（）;}finally{ if （mCanvas！=null） {mHolder.unlockCanvasAndPost（mCanvas）; }} } /*** 清除内容*/ public void clean（）{initView（）; }}

然后就是MainActivity.java

/** * 2016年7月26日17:20:13 * @author 小瓶盖 blog * */public class MainActivity extends Activity{ SecondSurfaceView surfaceView; @Override protected void onCreate（Bundle savedInstanceState） {super.onCreate（savedInstanceState）;setContentView（R.layout.activity_main）;surfaceView=（SecondSurfaceView）findViewById（R.id.surfaceview）; } public void onClick（View v）{surfaceView.clean（）; }}

源码下载：http://xiazai.jb51.net/201607/yuanma/SurfaceView（jb51.net）.rar
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。