Android自定义SurfaceView——实现画板功能

来源：互联网发布：新型网络诈骗手段莆田编辑：程序博客网时间：2024/06/05 09:46

接触了这么久的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.SecondSurfaceView        android:id="@+id/surfaceview"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_weight="20"         />    <LinearLayout        android: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    http://blog.csdn.net/qq_25193681/article/details/52005375 * */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    http://blog.csdn.net/qq_25193681/article/details/52005375 * */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();    }}

今天项目要上线，所以博客先写到这里，后期有空的话，再补充了

源码

5 2