接到一个领导批示保留原笔迹的功能,类似于绘画板,用户打开后可以绘制,点击完成后以图片的形式保存在本地,并且显示绘制后图片,上传服务器,达到保留原笔迹的目的。可以运用于签字、审批等。
效果图:
手写签批使用:
导入LinePathView,这个class是一个自定义的view。即手写的画板。然后创建一个Activity在XML里调用LinePathView。在绘制结束返回的时候利用回调提示上级Activity已经绘制完毕,让上级Activity做对应操作。
使用关键代码:
//创建一个地址用于存储和调用绘制的图片
public static String path= Environment.getExternalStorageDirectory().getAbsolutePath() + File.separator + "ls.png";
//跳转时利用Activity回调
Intent inIntent=new Intent(this,LandscapeActivity.class);
startActivityForResult(inIntent, 1);
//绘制完毕后,点击确定
if (pathView.getTouched())
{
try {
pathView.save(path,false,10);
} catch (IOException e) {
e.printStackTrace();
}
setResult(101);
finish();
}else{
Toast.makeText(LandscapeActivity.this,"您没有录入批示信息 呢",Toast.LENGTH_SHORT).show();
}
//确定后,上级Activity执行bitmap的获取
BitmapFactory.Options options = new BitmapFactory.Options();
options.inSampleSize = 2;
Bitmap bm = BitmapFactory.decodeFile(LandscapeActivity.path, options);
bitmapInstructions=bm;
img_instructions.setImageBitmap(bm);
LinePathView的绘制思路:
首先声明全局变量:X、Y的起始坐标,画笔,路径,画布,缓存用的bitmap,笔宽,笔的颜色,背景色。在构造函数中对画笔进行初始化设置。
然后通过onTouchEvent控制手势进行绘制。当手指触及屏幕时(MotionEvent.ACTION_DOWN)
,确定当前的x、y值,给全局的X、Y赋值,调用reset()方法重新绘制路线,然后调用moveto(int x,int y)确定新路线的起点。 当手指在屏幕移动时(MotionEvent.ACTION_MOVE)
,通过X、Y的算出贝塞尔曲线的操作点调用quadTo(当前x,当前y,操作点x,操作点y)方法绘制贝塞尔曲线。当手指离开屏幕时(MotionEvent.ACTION_UP)
,调用cacheCanvas.drawPath(mPath, mGesturePaint);
绘制路径,并且调用reset()方法清楚路线轨迹。
值得一提的是在每次执行Touch之后需要调用invalidate()提示onDraw()方法执行,更新绘制。在onDraw()里通过画布canvas调用了
canvas.drawBitmap(cachebBitmap, 0, 0, mGesturePaint);
canvas.drawPath(mPath, mGesturePaint);
两个方法,意义在于及时的绘制bitmap和路径。
附件:
手写Deom下载地址
打开或下载失败请复制链接在浏览器重新打开即可!!
网友评论