本程序实如今一个画布中，用手指绘图的效果。

须要使用的知识：

1 Canvas 画布，动态保存更新当前画面

2 Path 记录并画出手接触屏幕经过的路径

如以下效果图：

仅仅须要依照默认设置新建一个项目，然后在输入java代码：

package com.example.sugestures;

import android.app.Activity;

import android.content.Context;

import android.graphics.Bitmap;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Path;

import android.os.Bundle;

import android.util.Log;

import android.view.MotionEvent;

import android.view.View;

import android.view.View.OnTouchListener;

public class MainActivity extends Activity {

	DrawingView dv;

	private Paint mPaint;

	@Override

	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		dv = new DrawingView(this);

		dv.setOnTouchListener(new OnTouchListener() {

			@Override

			public boolean onTouch(View arg0, MotionEvent arg1) {

				// TODO Auto-generated method stub

				return false;

			}

		});

		setContentView(dv);

		mPaint = new Paint();

		mPaint.setAntiAlias(true);

		mPaint.setDither(true);

		mPaint.setColor(Color.GREEN);

		mPaint.setStyle(Paint.Style.STROKE);

		mPaint.setStrokeJoin(Paint.Join.ROUND);

		mPaint.setStrokeCap(Paint.Cap.ROUND);

		mPaint.setStrokeWidth(12);

		Log.d("onCreate", "onCreateActivityMain=========================");

	}

	public class DrawingView extends View {

		public int width;

		public int height;

		private Bitmap mBitmap;

		private Canvas mCanvas;

		private Path mPath;

		private Paint mBitmapPaint;

		Context context;

		private Paint circlePaint;

		private Path circlePath;

		public DrawingView(Context c) {

			super(c);

			context = c;

			mPath = new Path();

			mBitmapPaint = new Paint(Paint.DITHER_FLAG);

			mBitmapPaint.setColor(Color.BLUE);

			circlePaint = new Paint();

			circlePath = new Path();

			circlePaint.setAntiAlias(true);

			circlePaint.setColor(Color.RED);

			circlePaint.setStyle(Paint.Style.STROKE);

			circlePaint.setStrokeJoin(Paint.Join.MITER);

			circlePaint.setStrokeWidth(4f);

			Log.d("DrawingView", "DrawingView=========================");

		}

		@Override

		protected void onSizeChanged(int w, int h, int oldw, int oldh) {

			super.onSizeChanged(w, h, oldw, oldh);

			mBitmap = Bitmap.createBitmap(w, h, Bitmap.Config.ARGB_8888);

			mCanvas = new Canvas(mBitmap);

			Log.d("OnSizeChanged", "OnSizeChanged=========================");

		}

		@Override

		protected void onDraw(Canvas canvas) {

			super.onDraw(canvas);

			canvas.drawBitmap(mBitmap, 0, 0, mBitmapPaint);

			canvas.drawPath(mPath, mPaint);

			canvas.drawPath(circlePath, circlePaint);

			Log.d("onDraw", "onDraw================================");

		}

		private float mX, mY;

		private static final float TOUCH_TOLERANCE = 4;

		private void touch_start(float x, float y) {

			mPath.reset();

			mPath.moveTo(x, y);

			mX = x;

			mY = y;

		}

		private void touch_move(float x, float y) {

			float dx = Math.abs(x - mX);

			float dy = Math.abs(y - mY);

			if (dx >= TOUCH_TOLERANCE || dy >= TOUCH_TOLERANCE) {

				mPath.quadTo(mX, mY, (x + mX) / 2, (y + mY) / 2);

				//mPath.quadTo(mX, mY, x, y);

				mX = x;

				mY = y;

				circlePath.reset();

				circlePath.addCircle(mX, mY, 30, Path.Direction.CW);

			}

		}

		private void touch_up() {

			mPath.lineTo(mX, mY);

			circlePath.reset();

			// commit the path to our offscreen

			mCanvas.drawPath(mPath, mPaint);

			// kill this so we don't double draw

			mPath.reset();

		}

		@Override

		public boolean onTouchEvent(MotionEvent event) {

			float x = event.getX();

			float y = event.getY();

			switch (event.getAction()) {

			case MotionEvent.ACTION_DOWN:

				touch_start(x, y);

				invalidate();

				break;

			case MotionEvent.ACTION_MOVE:

				touch_move(x, y);

				invalidate();

				break;

			case MotionEvent.ACTION_UP:

				touch_up();

				invalidate();

				break;

			}

			return true;

		}

	}

}

主要知识点：

DrawingView类是扩展了View类的，这样能够重载当中的onTouchEvent函数，然后跟踪当前的Touch事件。这里主要是三个事件：

1 ACTION_DOWN:点击開始

2 ACTION_MOVE:点击屏幕之后，移动事件

3 ACTION_UP: 松开点击事件

分别使用touch_start， touch_move和touch_up三个函数处理这三个事件

主要是Path.quadTo这个函数画手指经过的路径。这里是使用二次方程的贝塞尔曲线画路径的。

而使用lineTo就是直接画直线了。

故此使用quadTo效果会更好点。

而moveTo就是设置開始点了，这就是为什么touch_start使用的是moveTo。

这里为了优化，添加了一个TOUCH_TOLERANCE，仅仅有移动超过这个值才会更新路径，事实上能够不做这个推断的。

Path.reset()是清除路径作用；

新建Canvas的时候传入一个Bitmap对象，是让Canvas使用这个Bitmap保存暂时数据，能够在invalid的时候又一次绘制这个Bitmap画面。假设没有Bitmap。画的路径会立即消失的。

使用Lod.d()记录一下各个函数的调用情况。能够得知在程序启动的时候，onResize是在onDraw之前调用的。

绘图的时候onDraw调用十分频繁，须要不断更新Path路径的。

和使用MFC等框架做的绘图程序，事实上没什么两样，当中的逻辑思路基本一样的。

最后不要忙了使用Canvas的drawPath函数把当前绘制的路径加到Bitmap中，否则也无法把当前路径暂时保存。

參考：http://stackoverflow.com/questions/16650419/draw-in-canvas-by-finger-android

这是最简单的一个绘图程序了，却是非常多程序，尤其是游戏程序的基础。还有非常多其它功能以后慢慢加上去。