Android自定义View、Viewgroup程序员Android_花式组件,自定义组件

Android自定义View——手写签批

2018-07-31  本文已影响15人  饮水思源为名

  接到一个领导批示保留原笔迹的功能,类似于绘画板,用户打开后可以绘制,点击完成后以图片的形式保存在本地,并且显示绘制后图片,上传服务器,达到保留原笔迹的目的。可以运用于签字、审批等。

效果图:

手写签批

使用:

  导入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下载地址
打开或下载失败请复制链接在浏览器重新打开即可!!

上一篇下一篇

猜你喜欢

热点阅读