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对象，则需要做其他一些额外的操作了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
kotlin协程可以用同步方式写异步代码，自动实现对线程切换的管理，本文主要给大家讲解kotlin协程到底是怎么切换线程的，感兴趣的朋友跟随小编一起看看吧2021-07-07
这篇文章主要介绍了详解android在mob平台实现qq登陆和分享，对接入第三方平台SDK感兴趣的同学们，可以参考下2021-04-04
这篇文章主要介绍了Android编程实现监听EditText变化的方法,涉及Android针对EditText的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
Theme是一套UI控件和Activity的样式，下面这篇文章主要给大家介绍了关于Android设置theme中可能遇到的坑的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧2018-06-06
android 获取手机GSM/CDMA信号信息,并获得基站信息的方法
下面小编就为大家带来一篇android 获取手机GSM/CDMA信号信息,并获得基站信息的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了通过Flutter RotationTransition实现雷达旋转扫描的效果，文中的示例代码讲解详细，感兴趣的同学可以动手试一试2022-01-01
Android布局是应用界面开发的重要一环，在Android中，共有五种布局方式，分别是：FrameLayout（框架布 局），LinearLayout （线性布局），AbsoluteLayout（绝对布局），RelativeLayout（相对布局），TableLayout（表格布局），小编通过本文逐一给大家详解2015-11-11
在使用flutter开发的过程中,需要根据不同的环境,不同的包名来打包,下面这篇文章主要给大家介绍了关于Flutter移动端进行多渠道打包发布的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-06-06
这篇文章主要为大家详细介绍了photoView实现图片多点触控效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
Android开发之ProgressBar字体随着进度条的加载而滚动
这篇文章主要介绍了Android开发之ProgressBar字体随着进度条的加载而滚动,需要的朋友可以参考下2017-09-09
最新评论