基于SurfaceView实现的建议涂鸦板

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">自定义继承SurfaceView的View，实现建议的手绘涂鸦板</span>

</pre><pre name="code" class="java">1.<span style="font-family: Arial, Helvetica, sans-serif;">HandWritingBoardView.java</span>

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Paint.Style;
import android.graphics.Path;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.view.SurfaceHolder;
import android.view.SurfaceHolder.Callback;
import android.view.SurfaceView;


/***** 实现注释功能的手绘板 *****/
public class HandWritingBoardView extends SurfaceView implements Callback ,OnTouchListener{
	private Paint paint;
	private Path path;

	public HandWritingBoardView(Context context, AttributeSet attrs) {
		super(context, attrs);
		getHolder().addCallback(this);
	    paint = new Paint();
		path = new Path();
		
		paint.setColor(Color.GREEN);
		paint.setTextSize(10);
		paint.setAntiAlias(true);
		paint.setDither(true);
		paint.setStyle(Style.STROKE);
		paint.setStrokeWidth(1);
		
		setOnTouchListener(this);
	}

	/**
	 * 用来绘制图形的方法
	 */
	public void draw() {
		Canvas canvas = getHolder().lockCanvas(); // 锁定canvas
		canvas.drawColor(Color.WHITE); // 底色
		canvas.drawPath(path, paint);
		getHolder().unlockCanvasAndPost(canvas); // 解锁canvas
	}
	/**
	 *  清理绘图的方法
	 */
	public void clear(){
		path.reset(); //重置
		draw();  //注意这里一定要再次调用绘制方法
	}
	@Override
	public void surfaceCreated(SurfaceHolder holder) {
		draw();
	}

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

	@Override
	public void surfaceDestroyed(SurfaceHolder holder) {
	}

	@Override
	public boolean onTouch(View v, MotionEvent event) {
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			path.moveTo(event.getX(), event.getY());
			draw();
			break;
		case MotionEvent.ACTION_MOVE:
			path.lineTo(event.getX(), event.getY());
			draw();
			break;

		default:
			break;
		}
		return true;
	}
}

</pre><pre name="code" class="java">

2.TestActivity.java

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.view.View.OnClickListener;
import android.widget.Button;


public class TestActivity extends Activity{
private HandWritingBoardView annotationBoard;
private Button clear;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.test_layout);

annotationBoard = (HandWritingBoardView) findViewById(R.id.annotation_board);
clear = (Button) findViewById(R.id.clear);
clear.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
annotationBoard.clear();
}
});
}
}

3.布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <com.mkq.mreading.ui.HandWritingBoardView
        android:id="@+id/annotation_board"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        />
    <Button 
        android:id="@+id/clear"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="清除"/>


</LinearLayout>

推荐文章：http://www.cnblogs.com/jack-1900/p/3952511.html