自定义View实现手绘签名并保存成图片存入本地

茂叶繁枝

已于 2024-08-05 10:19:15 修改

阅读量980

点赞数 1

CC 4.0 BY-SA版权

分类专栏： android androidUI 文章标签：自定义view签名 SignatureView 手绘签名合同签名

于 2019-06-23 16:59:06 首次发布

本文链接：https://blog.youkuaiyun.com/yrmao9893/article/details/93386527

本文介绍了如何自定义一个SignatureView，监听手势绘制签名，并将签名保存为图片存储到本地。通过Path记录手势轨迹，使用CacheCanvas和Bitmap完成绘制与保存操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于上个星期公司要实现一个功能，是关于合同的，需要用户签名，由此引发书写了这篇文章，此文设计的内容并不复杂，下面是梳理过程

自定义一个View监听手势动作，利用Path将手势轨迹绘制到canvas。然后创建一个CacheCanvas,并设置一个Bitmap，在绘制的到canvas的同时并绘制到cacheCanvas上，以便将其取出，将bitmap存入本地

直接看代码 SignatureView

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.*;
import android.util.AttributeSet;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;

import java.io.*;

/**
 * @Author MarkYe
 * @Email yrmao9893@163.com
 * @Date 2019-06-09
 * @Des 手绘签名View
 */
public class SignatureView extends View {
    private Paint mPaint;
    private Path mPath;
    private Bitmap cacheBitmap;//用户保存签名的Bitmap
    private Canvas cacheCanvas;//用户保存签名的Canvas
    private float lift, right, top, bottom;

    public SignatureView(Context context) {
        this(context, null);
    }

    public SignatureView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
        init(