android 手写 流畅,提高Android应用手写流畅度（基础篇）

最新推荐文章于 2024-09-07 07:04:55 发布
最新推荐文章于 2024-09-07 07:04:55 发布
阅读量587 收藏 1
点赞数
文章标签： android 手写 流畅

在使用android类的手写应用时，整体上都有这样一个印象：android的手写不流畅、不自然，和苹果应用比起来相差太远。本文结合作者亲身经历，介绍一下有效提高手写流畅度的几种方法：

1、未做任何处理的手写效果：

e09a6b3204d03462d6d9158d10538834.png

这是一个自定义的view，通过在onTouchEvent时间中捕获系统回调的触摸点信息，然后再onDraw方法里面刷新，可以明显地感觉到线条很生硬，并且在手写的过程中跟随感很差，反应迟钝，具体代码如下：

package com.mingy.paint.view;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Path;

import android.util.AttributeSet;

import android.view.MotionEvent;

import android.view.View;

public class PaintOrignalView extends View {

public PaintOrignalView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

initPaintView();

}

public PaintOrignalView(Context context, AttributeSet attrs) {

super(context, attrs);

initPaintView();

}

public PaintOrignalView(Context context) {

super(context);

initPaintView();

}

public void clear( ){

if( null != mPath ){

mPath.reset( );

invalidate( );

}

}

private void initPaintView() {

mPaint.setAntiAlias(true);

mPaint.setColor(Color.BLACK);

mPaint.setStyle(Paint.Style.STROKE);

mPaint.setStrokeJoin(Paint.Join.ROUND);

mPaint.setStrokeWidth(5f);

}

@Override

protected void onDraw(Canvas canvas) {

canvas.drawPath(mPath, mPaint);

}

@Override

public boolean onTouchEvent(MotionEvent event) {

float eventX = event.getX();

float eventY = event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: {

mPath.moveTo(eventX, eventY);

invalidate();

}

return true;

case MotionEvent.ACTION_MOVE: {

mPath.lineTo(eventX, eventY);

invalidate();

}

break;

case MotionEvent.ACTION_UP: {

mPath.lineTo(eventX, eventY);

invalidate();

}

break;

default: {

}

return false;

}

return true;

}

private Paint mPaint = new Paint();

private Path mPath = new Path();

}通过分析，发现效率低下的原因是：

(1)底层回调给onTouchEvent方法中的点太少(单位时间内点信息少导致跟随感差，快速手写时点之间距离过长)；

(2)捕获点信息后通知View刷新时，刷新不及时(刷新区域太大)；

结合查阅的MotionEvent和View的api文档，发现可以从如下两个方向着手来提高手写体验：

2、增加触摸点个数：

显然我们无法改善系统回调onTouchEvent的次数，所以只能通过插值的方式来增加触摸点个数，但遗憾的时通过插值计算出来的点是没有压力值的，不方便做笔锋效果，通过查阅MotionEvent的api文档发现，Android对触屏事件进行批量处理。传递给onTouchEvent()的每一个MotionEvent都包含上至前一个onTouchEvent()调用之间捕获的若干个坐标点。如果将这些点都加入到绘制中，可使手写效果更加平滑。Android

Developers对MotionEvent的介绍如下：

e81743fd4c482582410d3ef2194aadd9.png

将这些点取出来，跟随感有明显改善，并且随着单位时间内点数的增多，快速手写时点之间距离减小，看上去更为平滑：

2dd6da8f9ea605e6150183f6d135e321.png

修改后的代码如下：

package com.mingy.paint.view;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Path;

import android.util.AttributeSet;

import android.view.MotionEvent;

import android.view.View;

public class PaintMorePointsView extends View {

public PaintMorePointsView(Context context, AttributeSet attrs, int defStyle) {

super(context, attrs, defStyle);

initPaintView();

}

public PaintMorePointsView(Context context, AttributeSet attrs) {

super(context, attrs);

initPaintView();

}

public PaintMorePointsView(Context context) {

super(context);

initPaintView();

}

public void clear( ){

if( null != mPath ){

mPath.reset( );

invalidate( );

}

}

private void initPaintView() {

mPaint.setAntiAlias(true);

mPaint.setColor(Color.BLACK);

mPaint.setStyle(Paint.Style.STROKE);

mPaint.setStrokeJoin(Paint.Join.ROUND);

mPaint.setStrokeWidth(5f);

}

@Override

protected void onDraw(Canvas canvas) {

canvas.drawPath(mPath, mPaint);

}

@Override

public boolean onTouchEvent(MotionEvent event) {

float eventX = event.getX();

float eventY = event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: {

mPath.moveTo(eventX, eventY);

invalidate();

}

return true;

case MotionEvent.ACTION_MOVE: {

int historySize = event.getHistorySize();

for (int i = 0; i < historySize; i++) {

float historicalX = event.getHistoricalX(i);

float historicalY = event.getHistoricalY(i);

mPath.lineTo(historicalX, historicalY);

}

mPath.lineTo(eventX, eventY);

invalidate();

}

break;

case MotionEvent.ACTION_UP: {

int historySize = event.getHistorySize();

for (int i = 0; i < historySize; i++) {

float historicalX = event.getHistoricalX(i);

float historicalY = event.getHistoricalY(i);

mPath.lineTo(historicalX, historicalY);

}

mPath.lineTo(eventX, eventY);

invalidate();

}

break;

default: {

}

return false;

}

return true;

}

private Paint mPaint = new Paint();

private Path mPath = new Path();

}3、减少每次刷新的区域：

通过2改善了手写流畅度和平滑度，但是还可以做进一步改善，通过减小每次刷新的区域(使用invalidate(Rect rect)方法)，可以提高刷新的效率，上面的代码都是对整个view进行刷新，当view过大(比如填充整个屏幕)时，手写过程中还是能够感觉到迟钝的现象，改善后的效果如下：

cdecaf43dfd47eea4115df96a12dbacf.png

代码如下：

package com.mingy.paint.view;

import android.content.Context;

import android.graphics.Canvas;

import android.graphics.Color;

import android.graphics.Paint;

import android.graphics.Path;

import android.graphics.RectF;

import android.util.AttributeSet;

import android.view.MotionEvent;

import android.view.View;

public class PaintInvalidateRectView extends View {

public PaintInvalidateRectView(Context context, AttributeSet attrs,

int defStyle) {

super(context, attrs, defStyle);

initPaintView();

}

public PaintInvalidateRectView(Context context, AttributeSet attrs) {

super(context, attrs);

initPaintView();

}

public PaintInvalidateRectView(Context context) {

super(context);

initPaintView();

}

public void clear() {

if (null != mPath) {

mPath.reset();

invalidate();

}

}

private void initPaintView() {

mPaint.setAntiAlias(true);

mPaint.setColor(Color.BLACK);

mPaint.setStyle(Paint.Style.STROKE);

mPaint.setStrokeJoin(Paint.Join.ROUND);

mPaint.setStrokeWidth(5f);

}

@Override

protected void onDraw(Canvas canvas) {

canvas.drawPath(mPath, mPaint);

}

@Override

public boolean onTouchEvent(MotionEvent event) {

float eventX = event.getX();

float eventY = event.getY();

switch (event.getAction()) {

case MotionEvent.ACTION_DOWN: {

mPath.moveTo(eventX, eventY);

mLastTouchX = eventX;

mLastTouchY = eventY;

}

return true;

case MotionEvent.ACTION_MOVE:

case MotionEvent.ACTION_UP: {

resetDirtyRect(eventX, eventY);

int historySize = event.getHistorySize();

for (int i = 0; i < historySize; i++) {

float historicalX = event.getHistoricalX(i);

float historicalY = event.getHistoricalY(i);

getDirtyRect(historicalX, historicalY);

mPath.lineTo(historicalX, historicalY);

}

mPath.lineTo(eventX, eventY);

invalidate((int) (mDirtyRect.left - HALF_STROKE_WIDTH),

(int) (mDirtyRect.top - HALF_STROKE_WIDTH),

(int) (mDirtyRect.right + HALF_STROKE_WIDTH),

(int) (mDirtyRect.bottom + HALF_STROKE_WIDTH));

mLastTouchX = eventX;

mLastTouchY = eventY;

}

break;

default:

return false;

}

return true;

}

private void getDirtyRect(float historicalX, float historicalY) {

if (historicalX < mDirtyRect.left) {

mDirtyRect.left = historicalX;

} else if (historicalX > mDirtyRect.right) {

mDirtyRect.right = historicalX;

}

if (historicalY < mDirtyRect.top) {

mDirtyRect.top = historicalY;

} else if (historicalY > mDirtyRect.bottom) {

mDirtyRect.bottom = historicalY;

}

}

private void resetDirtyRect(float eventX, float eventY) {

mDirtyRect.left = Math.min(mLastTouchX, eventX);

mDirtyRect.right = Math.max(mLastTouchX, eventX);

mDirtyRect.top = Math.min(mLastTouchY, eventY);

mDirtyRect.bottom = Math.max(mLastTouchY, eventY);

}

private static final float STROKE_WIDTH = 5f;

private static final float HALF_STROKE_WIDTH = STROKE_WIDTH / 2;

private float mLastTouchX = 0;

private float mLastTouchY = 0;

private final RectF mDirtyRect = new RectF();

private Paint mPaint = new Paint();

private Path mPath = new Path();

}后记：

由于Android的消息传递机制问题，驱动层传递给上层的点由于延时会丢失一部分，导致上层应用获取的点相对于系统给的点大大减少，虽然人眼在1秒钟内只要看到超过24帧就不能看出卡顿的现象，但由于刷新机制和由于其它原因(比如：UI线程阻塞)导致看上去不连续。本文通过增加触摸点、减少刷新区域后，手写效率和效果得到明显改善，当然通过软件的进一步处理，手写效果还能得到进一步改善，这需要通过软件做插值处理(压力值也可以考虑通过插值算法算出来)，具体在后面介绍。

季退思
关注
android 白板实现
05-26
使用了pdfviewer的pdf显示控件，并且在上一层实现了一个bitmap，可以进行绘图，实现了在pdf上进行标记的功能，并且可以换颜色，调标记的笔迹的粗细。
Android手写优化
qq_30196607的博客
03-31 2108
Android手写优化-平滑的签名效果实现 字数1552 阅读1800 评论2 喜欢4 前言   这是一篇从squareup翻译来的文章，原文在这，之前有人在TIEYE上翻译过这篇文章，但现在链接已经失效，手写效率问题一直是Android平台上一个比较棘手的问题，所以有必要将这篇文章带给Android开发者，这篇文章在ITEYE那篇译文的基础上有所改动，如果英语还可以，请尽量阅读
android 电子签名 手写签名 功能实现
最新发布
2401_87029675的博客
09-07 892
首先是一个知识清单：（对于现在的Android及移动互联网来说，我们需要掌握的技术）泛型原理丶反射原理丶Java虚拟机原理丶线程池原理丶注解原理丶注解原理丶序列化Activity知识体系（Activity的生命周期丶Activity的任务栈丶Activity的启动模式丶View源码丶Fragment内核相关丶service原理等）代码框架结构优化（数据结构丶排序算法丶设计模式）APP性能优化（用户体验优化丶适配丶代码调优）热修复丶热升级丶Hook技术丶IOC架构设计。
优化白板书写慢的问题的一个方向
hnlgzb的专栏
03-08 463
https://developer.android.google.cn/guide/platform
android 手写 流畅,Android手写优化-更为平滑的签名效果实现
weixin_32179097的博客
05-29 582
前言这是一篇翻译至squareup的文章，这是原文，之前有人在TIEYE上翻译过这篇文章，但现在链接已经失效，手写效率问题是一直是Android平台上一个比较棘手的问题，所以有必要将这篇文章带给Android开发者，这篇文章在ITEYE那篇译文的基础上有所改动，如果英语还可以，请尽量阅读原文。正文在上一篇文章中，我们讨论了Square如何在Android设备上把签名效果做的平滑。在最新发布的And...
android 手写 流畅,安卓手写板，以及提高Android应用手写流畅度
weixin_28775337的博客
05-29 312
优化方式增加触摸点个数减少每次刷新的区域(每次只刷新一个小矩形区域)不直接说了，直接上代码。public class PaletteView extends View {private Paint mPaint;private Path mPath;private float mLastX;private float mLastY;private Bitmap mBufferBitmap;priv...
Android中的可访问性改进：手写识别
code_welike的博客
10-14 142
在onCreate方法中，我们加载了一个手势库，该库包含了一组手势的定义。这样，手写识别的功能就会在应用程序的输入框中生效。在onCreate方法中，我们加载了一个手势库，该库包含一组手势的定义。在这个方法中，我们使用手势库对用户的手势进行识别，并获取最佳预测的文字。通过实现手写识别功能，我们可以为那些在触摸屏上输入困难的用户提供更好的可访问性体验。在该方法中，我们使用手势库对用户的手势进行识别，并获取最佳预测的文字。通过实现手写识别功能，我们可以为那些在触摸屏上输入困难的用户提供更好的可访问性体验。
android手写识别SDK
10-30
Android手写识别SDK是Google ML Kit的一个重要子组件，它为开发者提供了强大的工具，以便在Android应用程序中实现手写文字的识别和解析。ML Kit是Google提供的机器学习服务框架，旨在简化移动应用开发中的复杂AI功能...
Android编程实现的手写板和涂鸦功能
08-28
"Android编程实现的手写板和涂鸦功能" Android编程实现的手写板和涂鸦功能是Android开发中一个常见的功能模块，它涉及到Android界面布局、图形绘制、事件处理等多方面的技术。下面我们将对该功能的实现技术进行详细...
Android实现手写签名
09-02
在Android平台上，实现手写签名是一项常见的需求，特别是在需要用户签署电子协议或表单的应用中。这个过程通常涉及创建一个自定义View，该View能够捕捉用户的触摸动作，并将这些动作转化为画笔轨迹，最终形成签名...
Android 自定义View手写签名并保存图片功能
08-19
Android 自定义 View 手写签名并保存图片功能 Android 自定义 View 手写签名并保存图片功能是 Android 开发中的一项重要功能，主要用于电子签名、手写输入等场景。本文主要介绍了如何使用 Android 自定义 View 实现...
ZenBrush(禅宗画笔)反编译后二次开发（电子签名_毛笔带笔锋的效果）
12-07
具体详情见http://blog.csdn.net/zhouyuanjing/article/details/78743538 开发时注意看ReadMe.txt 1. MyZenBrush目录：在ZenBrush上移植书写毛笔效果 2. MyZenBrush_ESCPrinter目录：在ZenBrush上移植书写毛笔效果，并且支持ESCPrinter打印 3. ZenBrush目录：反编译后smali/jp/co/psoft下的smail文件，替换上面生成apk后反编译的相应的文件 自己的代码生成apk，需要反编译自己的apk，同时需要用ZenBrush_smail里的smali/jp/co/psoft替换自己的对应目录，然后回编，签名
android（滑动事件冲突）控件滑动事件不流畅解决问题
qq_26826687的博客
06-24 578
如果在滑动view中放入同样可以滑动的子控件，那么就会产生事件冲突 dispatchTouchEvent(MotionEvent ev)分发滑动事件 onInterceptTouchEvent(MotionEvent ev)拦截滑动事件TouchEvent onTouchEvent(MotionEvent ev)处理滑动事件TouchEvent 我们只要屏蔽掉拦截滑动事件就可以了！
Android 手写优化-更为平滑的签名效果实现
weixin_34166847的博客
09-28 333
Android手写优化-更为平滑的签名效果实现
提高Android应用手写流畅度（基础篇）
bglg2000的博客
04-22 1029
在使用android类的手写应用时，整体上都有这样一个印象：android的手写不流畅、不自然，和苹果应用比起来相差太远。本文结合作者亲身经历，介绍一下有效提高手写流畅度的几种方法： 1、未做任何处理的手写效果： 这是一个自定义的view，通过在onTouchEvent时间中捕获系统回调的触摸点信息，然后再onDraw方法里面刷新，可以明显地感觉到线条很生硬...
android 触摸 卡顿,Android CoordinatorLayout（五） 严重的卡顿BUG
weixin_42365170的博客
05-26 367
这章来讲一个重大的问题，解决卡顿，我不敢保证我的方法是最优而且对所以都管用，但是至少会比之前的滑动顺畅。如果你用我Android CoordinatorLayout(三)中写的demo，你会发现一个问题，滑动会有卡顿，关键是，你如果一直用手指触碰屏幕滑动的话不会感觉什么。而卡顿是在产生惯性的时候。我们都知道现在的android滑动组件很牛逼，都有惯性的效果，你比如说RecyclerView，你滑动...
android 触控优化,太滑手了，安卓这款触控优化神器要逆天！
weixin_35849560的博客
05-29 4315
原标题： 太滑手了，安卓这款触控优化神器要逆天！最近国外一款很火的优化工具“Super Touch” 中文名【超级触控】，它可以提升触控反应速度，手感媲美iPhone，令人惊讶的是，开发者竟然是中国人，值得骄傲，然而，安卓都那么流畅了，为何还要优化呢？ 技术分析：都知道现在的安卓手机流畅不输iPhone了，安卓不管是5.0还是6.0系统，打开软件速度都很快，但是都存在一个问题，那就是屏幕反应速度慢...
Android实现手写输入
HuanWen_Cheng的博客
07-01 619
转换成正确字符，这块是各个输入法厂家的核心功能，一般不对外开源，都是通过调用so库形式实现，而库和调用方法也鲜有介绍。之前扣过某狗输入法的手写库可以使用，大致实现是通过上层抓取画点轨迹的坐标数组传给so库的识别函数得到返回结果。android应用开发中有时会有手写输入需求，非通过系统键盘手写功能，比如自定义键盘，这时就需要自己来实现，一般有两种场景：一种是类似手写签名保存；二、真正的手写输入，需要将笔迹识别成正确的字符，这个比较困难，主要是需要将画点轨迹。
Android AI应用开发：手写识别
伯特立的专栏
07-26 507
基于Google ML模型开发Android手写文字识别应用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值