Android曲线更圆滑的签名画板

 更新时间:2018年04月26日 11:42:43   作者:李, 泰愚  
这篇文章主要为大家详细介绍了Android曲线更圆滑的签名画板,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

Android开发中,在自定义view中,使用Canvas的相应操作,实现类似签名的画板,但有一个问题则是,正常的Canvas操作可以用画板对手机的滑动进行绘制,但是当遇到一些圆滑曲线时,会显得不够顺滑,甚至有折角,这里可以使用二阶beizer曲线来使得曲线更加圆滑,提升用户体验。

定义一个自定义SignView,继承自View,在里面定义四个变量:

private Path mPath;
private Paint mPaint;
private float mX;
private float mY;

在构造方法里对路径和画笔进行初始化:

public SignView(Context context, AttributeSet attrs) {
 super(context, attrs);
 mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
 mPaint.setStyle(Paint.Style.STROKE);
 mPaint.setStrokeWidth(10);
 
 mPath = new Path();
}

在onDraw()中对canvas做操作,这里值得一提的是调用drawColor方法,不然最终如果保存为本地图片的话,会使得背景为黑色,如果画笔也选择黑色的话,则会成一张全黑的图片:

@Override
protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);
 canvas.drawColor(Color.WHITE);
 canvas.drawPath(mPath, mPaint);
}

接下来重写onTouchEvent方法:

@Override
 public boolean onTouchEvent(MotionEvent event) {
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
    mX = event.getX();
    mY = event.getY();
    mPath.moveTo(mX, mY);
    break;
   case MotionEvent.ACTION_MOVE:
    float x1 = event.getX();
    float y1 = event.getY();
    float cx = (x1 + mX) / 2;
    float cy = (y1 + mY) / 2;
    mPath.quadTo(mX, mY, cx, cy);
    mX = x1;
    mY = y1;
    break;
  }
  invalidate();
  return true;
 }

手指按下时,取得按下的坐标,移动的时候,得到当前左边,且取两点中间的cx,cy作为beizer曲线的控制点,然后调用quadTo方法绘制二阶beizer曲线,进行连线操作,最终则是调用invalidate方法进行重绘。

这样一个使连线更加圆滑的画板控件简单实现了,如果需要保存为本地,或者bitmap对象,则需要做其他一些额外的操作了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • Android获取实时连接热点的设备IP

    Android获取实时连接热点的设备IP

    这篇文章主要介绍了Android获取实时连接热点的设备IP 的相关资料,文中给大家补充介绍了安卓获取接入的Wifi热点设备的Ip地址的代码,需要的朋友可以参考下
    2018-01-01
  • Android  调用系统应用的方法总结

    Android 调用系统应用的方法总结

    这篇文章主要介绍了Android 调用系统应用的方法总结的相关资料,这里提供调用录像,录音,拍照等功能,需要的朋友可以参考下
    2017-08-08
  • Flutter实现滑动块验证码功能

    Flutter实现滑动块验证码功能

    这篇文章主要为大家详细介绍了Flutter实现滑动块验证码功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • 解决Android studio用真机调试时logcat一直输出日志问题

    解决Android studio用真机调试时logcat一直输出日志问题

    这篇文章主要介绍了解决Android studio用真机调试时logcat一直输出日志问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-04-04
  • Flutter利用ORM框架管理数据库详解

    Flutter利用ORM框架管理数据库详解

    使用 ORM 框架最大的好处是简化了数据库维护的代码量,使得我们可以专注于业务代码实现。本篇,我们看看如何使用ORM框架管理数据库版本迁移,需要的可以参考一下
    2023-04-04
  • Android图片处理工具类BitmapUtils

    Android图片处理工具类BitmapUtils

    这篇文章主要为大家详细介绍了Android图片的处理工具类BitmapUtils,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • Android使用Handler实现打地鼠游戏

    Android使用Handler实现打地鼠游戏

    这篇文章主要为大家详细介绍了Android使用Handler实现打地鼠游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-06-06
  • Flutter多项选择弹窗实现详解

    Flutter多项选择弹窗实现详解

    这篇文章介绍了Flutter多项选择弹窗实现详解,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧<BR>
    2021-11-11
  • Android中的Fragment类使用进阶

    Android中的Fragment类使用进阶

    这篇文章主要介绍了Android中的Fragment类使用进阶,重点讲解了Fragment与Activity的交互以及Fragment间的数据传递,需要的朋友可以参考下
    2016-04-04
  • Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果

    Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果

    本篇文章主要介绍了Android使用Kotlin和RxJava 2.×实现短信验证码倒计时效果,非常具有实用价值,需要的朋友可以参考下
    2017-12-12

最新评论