Android手写优化

Android手写优化-平滑的签名效果实现

字数1552  阅读1800  评论2  喜欢4

前言

  这是一篇从squareup翻译来的文章，原文在这，之前有人在TIEYE上翻译过这篇文章，但现在链接已经失效，手写效率问题一直是Android平台上一个比较棘手的问题，所以有必要将这篇文章带给Android开发者，这篇文章在ITEYE那篇译文的基础上有所改动，如果英语还可以，请尽量阅读原文。

正文

  在信用卡支付流程中，使用手写签名能够提高支付的安全性，并有效降低过程成本。使用Square在手机上进行支付，用户可以用手指在屏幕上签名，无需拿出笔来在收据上签字。

after

  提示：该界面中提供了摇一摇清屏的功能

  用户在该界面提供的签名，将签署在电子邮件收据中，以帮助Square监测和防止消费欺诈。

  下面我们尝试在Android客户端上实现该界面，先尝试从最简单可行的方式开始：自定义一个View，能够监听触屏事件，并根据触摸路径画出点。

public class SignatureView extends View {
  private Paint paint = new Paint();
  private Path path = new Path();

  public SignatureView(Context context, AttributeSet attrs) {
    super(context, attrs);

    paint.setAntiAlias(true);
    paint.setColor(Color.BLACK);
    paint.setStyle(Paint.Style.STROKE);
    paint.setStrokeJoin(Paint.Join.ROUND);
    paint.setStrokeWidth(5f);
  }

  @Override
  protected void onDraw(Canvas canvas) {
    canvas.drawPath(path, paint);
  }

  @Override
  public boolean onTouchEvent(MotionEvent event) {
    float eventX = event.getX();
    float eventY = event.getY();

    switch (event.getAction()) {
      case MotionEvent.ACTION_DOWN:
        path.moveTo(eventX, eventY);
        return true;
      case MotionEvent.ACTION_MOVE:
      case MotionEvent.ACTION_UP:
        path.lineTo(eventX, eventY);
        break;
      default:
        return false;
    }

    // Schedules a repaint.
    invalidate();
    return true;
  }
}

  可以看到实现出来的效果还是与预期有一定差距的，签名的笔画有锯齿，并且明显反应迟钝，笔迹跟不上手指。

before

  下面我们尝试从两个不同的途径来解决上面的问题。

  触屏事件丢失

  笔迹跟不上手指这个问题，可能的原因是：

• Android对触屏事件的采样率过低；

• 绘制事件阻塞了触屏事件的采样；

  幸运的是，经过实验考证，问题并不是这两个原因导致的。同时，我们发现Android对触屏事件进行批量处理。传递给onTouchEvent()的每一个MotionEvent都包含上至前一个onTouchEvent()调用之间捕获的若干个坐标点。如果将这些点都加入到绘制中，可使签名效果更加平滑。

  隐藏的坐标数组可以通过MotionEvent类的下列方法获取：

• ·getHistorySize()

• ·getHistoricalX(int)

• ·getHistoricalY(int)

  下面我们利用这些方法，将中间点包含进Sign