前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android自定义View——手写签批

Android自定义View——手写签批

作者头像
饮水思源为名
发布2018-09-06 12:58:01
8290
发布2018-09-06 12:58:01
举报
文章被收录于专栏:Android小菜鸡

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

效果图:

手写签批

使用:

  导入LinePathView,这个class是一个自定义的view。即手写的画板。然后创建一个Activity在XML里调用LinePathView。在绘制结束返回的时候利用回调提示上级Activity已经绘制完毕,让上级Activity做对应操作。

使用关键代码:

代码语言:javascript
复制
//创建一个地址用于存储和调用绘制的图片
    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下载地址 打开或下载失败请复制链接在浏览器重新打开即可!!

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.07.31 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 效果图:
  • 使用:
  • 使用关键代码:
  • LinePathView的绘制思路:
  • 附件:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档