Android自定义View——手写签批

作者: 饮水思源为名 | 来源:发表于2018-07-31 17:35 被阅读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下载地址
    打开或下载失败请复制链接在浏览器重新打开即可!!

    相关文章

      网友评论

        本文标题:Android自定义View——手写签批

        本文链接:https://www.haomeiwen.com/subject/kjwhvftx.html