android画图的制作,Android画图工具的制作

Android 项目中使用到画图工具，本文记载如何实现，需详细了解cavas和surfaceviw

1 三星pad

三星pad自带的手写笔可以很好的支持画图，集成三星的sdk

以上三星官方提供的库文件，主要代码如下

private SpenNoteDoc mSpenNoteDoc;

private SpenPageDoc mSpenPageDoc;

private SpenSurfaceView mSpenSurfaceView;

final FrameLayout spenViewLayout = (FrameLayout) mainView.findViewById(R.id.spenViewLayout);

mSpenSurfaceView = new SpenSurfaceView(getActivity());

if (mSpenSurfaceView == null) {

Toast.makeText(getActivity(), "Cannot create new SpenView.", Toast.LENGTH_SHORT).show();

}

spenViewLayout.addView(mSpenSurfaceView,0);

ViewTreeObserver vto = spenViewLayout.getViewTreeObserver();

vto.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {

@Override

public void onGlobalLayout() {

spenViewLayout.getViewTreeObserver().removeGlobalOnLayoutListener(this);

try {

mSpenNoteDoc = new SpenNoteDoc(getActivity(), spenViewLayout.getWidth(), spenViewLayout.getHeight());

} catch (IOException e) {

e.printStackTrace();

}

mSpenPageDoc = mSpenNoteDoc.appendPage();

mSpenPageDoc.setBackgroundColor(0xFFf0f0f0);

mSpenPageDoc.clearHistory();

mSpenSurfaceView.setPageDoc(mSpenPageDoc, true);

mSpenSurfaceView.setBlankColor(getResources().getColor(android.R.color.white));

mSpenSurfaceView.setToolTypeAction(mFINGERToolType, SpenSurfaceView.ACTION_STROKE);

mSpenSurfaceView.setToolTypeAction(mSPENToolType, SpenSurfaceView.ACTION_STROKE);

SpenSettingPenInfo penInfo = new SpenSettingPenInfo();

penInfo.color = Color.RED;

penInfo.size = (int) MyApplication.getAppContext().getResources().getDimension(R.dimen.mBrushSize_red);

mSpenSurfaceView.setPenSettingInfo(penInfo);

}

});

清空区域

mSpenPageDoc = mSpenNoteDoc.appendPage();

mSpenPageDoc.setBackgroundColor(0xFFf0f0f0);

mSpenSurfaceView.setPageDoc(mSpenPageDoc, true);

SpenObjectTextBox.setInitialCursorPos(SpenObjectTextBox.CURSOR_POS_END);

加载图片

mSpenPageDoc.setBackgroundImage(filepath);

mSpenSurfaceView.update();

mSpenNoteDoc.removePage(0);

三星书写流畅，体验很好。

2 自定义画笔

自定义画笔采用封装SurfaceView

http://www.cnblogs.com/xuling/archive/2011/06/06/android.html

这个例子很好的的解释了 surfaceview

public class PainterCanvas extends SurfaceView implements Callback{

public PainterCanvas(Context context, AttributeSet attrs) {

super(context, attrs);

this.mcontext = context;

SurfaceHolder holder = getHolder();

holder.addCallback(this);

setFocusable(true);

Log.e("xx", "PainterCanvas");

}

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

if (mBitmap == null) {

Log.e("xx", "surfaceChanged1");

mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);

bgBitmap = Bitmap.createBitmap(mBitmap);//背景图

bgBitmap.eraseColor(Color.WHITE);

mCanvas = new Canvas(bgBitmap);

getThread().setBitmap(mBitmap, true);

getThread().drawBitmap(bgBitmap,true);

} else {

Log.e("xx", "surfaceChanged2");

getThread().setBitmap(mBitmap, false);

getThread().drawBitmap(bgBitmap,false);

}

public PainterThread getThread() {

if (mThread == null) {

mThread = new PainterThread(getHolder());

}

return mThread;

}    }

public void surfaceCreated(SurfaceHolder holder) {

getThread().on();

getThread().start();

}

public void PaintClean() {

getThread().setBitmap(mBitmap, true);

getThread().drawBitmap(bgBitmap,true);

}

public void surfaceDestroyed(SurfaceHolder holder) {

boolean retry = true;

getThread().off();

while (retry) {

try {

getThread().join();

retry = false;

} catch (InterruptedException e) {

}

}

mThread = null;

}

public boolean onTouchEvent(MotionEvent event) {

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN:

//Log.e("xx", "开始。。。。");

//sb = new StringBuffer();

getThread().drawBegin();

break;

case MotionEvent.ACTION_MOVE:

//Log.e("xx", "进行中。。。。");

getThread().draw((int) event.getX(), (int) event.getY());

break;

case MotionEvent.ACTION_UP:

case MotionEvent.ACTION_CANCEL:

//Log.e("xx", "结束。。。。");

getThread().drawEnd();

break;

}

return true;

}

public void drawBitmap(Bitmap bitmap) {

Matrix matrix = center(bitmap, true, true);

//Matrix matrix  =new Matrix();

mCanvas.drawBitmap(bitmap, matrix, null);

if (bitmap != null && !bitmap.isRecycled()) {

bitmap.isRecycled();

bitmap = null;

}

//getThread().drawBitmap(bgBitmap,false);

}

}

PainterThread中主要封装了一个mCanvas，在onTouchEvent中调用该cavas实现画笔，

public PainterThread(SurfaceHolder surfaceHolder) {

mHolder = surfaceHolder;

mBrushSize = 5;

mBrush = new Paint();

mBrush.setAntiAlias(true);

mBrush.setColor(Color.RED);

mBrush.setStrokeWidth(mBrushSize);

mBrush.setStrokeCap(Cap.ROUND);

// 重置坐标点

mLastBrushPointX = -1;

mLastBrushPointY = -1;

}

将surfaceHolder作为参数传给PainterCanvas

canvas = mHolder.lockCanvas();

synchronized (mHolder) {

if (canvas != null) {

//if (bgBitmap != null) {

canvas.drawBitmap(bgBitmap, 0, 0, null);

//}

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

}

}

} catch (Exception e) {

e.printStackTrace();

Log.e("paiters", "e.printStackTrace()");

} finally {

if (canvas != null) {

mHolder.unlockCanvasAndPost(canvas);

}

}

canvas绘制完成，PainterCanvas刷新显示。用于在图片上做批注。