安卓手写自定义签名保存

image.png

简单粗暴 直接上代码

    package com.smy.paintdemo;

    import android.content.Context;
    import android.graphics.Bitmap;
    import android.graphics.Canvas;
    import android.graphics.Color;
    import android.graphics.Paint;
    import android.graphics.Path;
    import android.graphics.PorterDuff;
    import android.support.annotation.ColorInt;
    import android.util.AttributeSet;
    import android.view.MotionEvent;
    import android.view.View;
    import java.io.ByteArrayOutputStream;
    import java.io.File;
    import java.io.FileOutputStream;
    import java.io.IOException;
    import java.io.OutputStream;

    /**
     * 描述: Android自定义实现手写签名功能
   */
  public class LinePathView extends View {

private Context mContext;

/**
 * 笔画X坐标起点
 */
private float mX;
/**
 * 笔画Y坐标起点
 */
private float mY;
/**
 * 手写画笔
 */
private final Paint mGesturePaint = new Paint();
/**
 * 路径
 */
private final Path mPath = new Path();
/**
 * 签名画笔
 */
private Canvas cacheCanvas;
/**
 * 签名画布
 */
private Bitmap cachebBitmap;
/**
 * 是否已经签名
 */
private boolean isTouched = false;
/**
 * 画笔宽度 px；
 */
private int mPaintWidth = 10;
/**
 * 前景色
 */
private int mPenColor = Color.BLACK;
/**
 * 背景色（指最终签名结果文件的背景颜色，默认为透明色）
 */
private int mBackColor = Color.TRANSPARENT;

//签名开始与结束
private Touch touch;

public LinePathView(Context context) {
    super(context);
    init(context);
}

public LinePathView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context);
}

public LinePathView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    init(context);
}

public void init(Context context) {
    this.mContext = context;
    //设置抗锯齿
    mGesturePaint.setAntiAlias(true);
    //设置签名笔画样式
    mGesturePaint.setStyle(Paint.Style.STROKE);
    //设置笔画宽度
    mGesturePaint.setStrokeWidth(mPaintWidth);
    //设置签名颜色
    mGesturePaint.setColor(mPenColor);
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    //创建跟view一样大的bitmap，用来保存签名
    cachebBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);
    cacheCanvas = new Canvas(cachebBitmap);
    cacheCanvas.drawColor(mBackColor);
    isTouched = false;
}

@Override
public boolean onTouchEvent(MotionEvent event) {
    if (touch != null) touch.OnTouch(true);
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            touchDown(event);
            break;
        case MotionEvent.ACTION_MOVE:
            isTouched = true;
            if (touch != null) touch.OnTouch(false);
            touchMove(event);
            break;
        case MotionEvent.ACTION_UP:
            //将路径画到bitmap中，即一次笔画完成才去更新bitmap，而手势轨迹是实时显示在画板上的。
            cacheCanvas.drawPath(mPath, mGesturePaint);
            mPath.reset();
            break;
    }
    // 更新绘制
    invalidate();
    return true;
}

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    //画此次笔画之前的签名
    canvas.drawBitmap(cachebBitmap, 0, 0, mGesturePaint);
    // 通过画布绘制多点形成的图形
    canvas.drawPath(mPath, mGesturePaint);
}

// 手指点下屏幕时调用
private void touchDown(MotionEvent event) {
    // 重置绘制路线
    mPath.reset();
    float x = event.getX();
    float y = event.getY();
    mX = x;
    mY = y;
    // mPath绘制的绘制起点
    mPath.moveTo(x, y);
}

// 手指在屏幕上滑动时调用
private void touchMove(MotionEvent event) {
    final float x = event.getX();
    final float y = event.getY();
    final float previousX = mX;
    final float previousY = mY;
    final float dx = Math.abs(x - previousX);
    final float dy = Math.abs(y - previousY);
    // 两点之间的距离大于等于3时，生成贝塞尔绘制曲线
    if (dx >= 3 || dy >= 3) {
        // 设置贝塞尔曲线的操作点为起点和终点的一半
        float cX = (x + previousX) / 2;
        float cY = (y + previousY) / 2;
        // 二次贝塞尔，实现平滑曲线；previousX, previousY为操作点，cX, cY为终点
        mPath.quadTo(previousX, previousY, cX, cY);
        // 第二次执行时，第一次结束调用的坐标值将作为第二次调用的初始坐标值
        mX = x;
        mY = y;
    }
}

/**
 * 清除画板
 */
public void clear() {
    if (cacheCanvas != null) {
        isTouched = false;
        //更新画板信息
        mGesturePaint.setColor(mPenColor);
        cacheCanvas.drawColor(mBackColor, PorterDuff.Mode.CLEAR);
        mGesturePaint.setColor(mPenColor);
        invalidate();
    }
}

public interface Touch {
    void OnTouch(boolean isTouch);
}

public Touch getTouch() {
    return touch;
}

public void setTouch(Touch touch) {
    this.touch = touch;
}

/**
 * 保存画板
 *
 * @param path 保存到路径
 */
public void save(String path) throws IOException {
    save(path, false, 0);
}

/**
 * 保存画板
 *
 * @param path       保存到路径
 * @param clearBlank 是否清除边缘空白区域
 * @param blank      要保留的边缘空白距离
 */
public void save(String path, boolean clearBlank, int blank) throws IOException {

    Bitmap bitmap = cachebBitmap;
    //BitmapUtil.createScaledBitmapByHeight(srcBitmap, 300);//  压缩图片
    if (clearBlank) {
        bitmap = clearBlank(bitmap, blank);
    }
    ByteArrayOutputStream bos = new ByteArrayOutputStream();
    bitmap.compress(Bitmap.CompressFormat.PNG, 100, bos);
    byte[] buffer = bos.toByteArray();
    if (buffer != null) {
        File file = new File(path);
        if (file.exists()) {
            file.delete();
        }
        OutputStream outputStream = new FileOutputStream(file);
        outputStream.write(buffer);
        outputStream.close();
    }
}

/**
 * 获取画板的bitmap
 *
 * @return
 */
public Bitmap getBitMap() {
    setDrawingCacheEnabled(true);
    buildDrawingCache();
    Bitmap bitmap = getDrawingCache();
    setDrawingCacheEnabled(false);
    return bitmap;
}

/**
 * 逐行扫描 清楚边界空白。
 *
 * @param bp
 * @param blank 边距留多少个像素
 * @return
 */
private Bitmap clearBlank(Bitmap bp, int blank) {
    int HEIGHT = bp.getHeight();
    int WIDTH = bp.getWidth();
    int top = 0, left = 0, right = 0, bottom = 0;
    int[] pixs = new int[WIDTH];
    boolean isStop;
    //扫描上边距不等于背景颜色的第一个点
    for (int y = 0; y < HEIGHT; y++) {
        bp.getPixels(pixs, 0, WIDTH, 0, y, WIDTH, 1);
        isStop = false;
        for (int pix : pixs) {
            if (pix != mBackColor) {
                top = y;
                isStop = true;
                break;
            }
        }
        if (isStop) {
            break;
        }
    }
    //扫描下边距不等于背景颜色的第一个点
    for (int y = HEIGHT - 1; y >= 0; y--) {
        bp.getPixels(pixs, 0, WIDTH, 0, y, WIDTH, 1);
        isStop = false;
        for (int pix : pixs) {
            if (pix != mBackColor) {
                bottom = y;
                isStop = true;
                break;
            }
        }
        if (isStop) {
            break;
        }
    }
    pixs = new int[HEIGHT];
    //扫描左边距不等于背景颜色的第一个点
    for (int x = 0; x < WIDTH; x++) {
        bp.getPixels(pixs, 0, 1, x, 0, 1, HEIGHT);
        isStop = false;
        for (int pix : pixs) {
            if (pix != mBackColor) {
                left = x;
                isStop = true;
                break;
            }
        }
        if (isStop) {
            break;
        }
    }
    //扫描右边距不等于背景颜色的第一个点
    for (int x = WIDTH - 1; x > 0; x--) {
        bp.getPixels(pixs, 0, 1, x, 0, 1, HEIGHT);
        isStop = false;
        for (int pix : pixs) {
            if (pix != mBackColor) {
                right = x;
                isStop = true;
                break;
            }
        }
        if (isStop) {
            break;
        }
    }
    if (blank < 0) {
        blank = 0;
    }
    //计算加上保留空白距离之后的图像大小
    left = left - blank > 0 ? left - blank : 0;
    top = top - blank > 0 ? top - blank : 0;
    right = right + blank > WIDTH - 1 ? WIDTH - 1 : right + blank;
    bottom = bottom + blank > HEIGHT - 1 ? HEIGHT - 1 : bottom + blank;
    return Bitmap.createBitmap(bp, left, top, right - left, bottom - top);
}

/**
 * 设置画笔宽度 默认宽度为10px
 *
 * @param mPaintWidth
 */
public void setPaintWidth(int mPaintWidth) {
    mPaintWidth = mPaintWidth > 0 ? mPaintWidth : 10;
    this.mPaintWidth = mPaintWidth;
    mGesturePaint.setStrokeWidth(mPaintWidth);

}


public void setBackColor(@ColorInt int backColor) {
    mBackColor = backColor;
}


/**
 * 设置画笔颜色
 *
 * @param mPenColor
 */
public void setPenColor(int mPenColor) {
    this.mPenColor = mPenColor;
    mGesturePaint.setColor(mPenColor);
}

/**
 * 是否有签名
 *
 * @return
 */
public boolean getTouched() {
    return isTouched;
}

}

Mainactivity 代码

    package com.smy.paintdemo;

    import android.graphics.Color;
    import android.os.Bundle;
  import android.support.v7.app.AppCompatActivity;
  import android.view.View;
  import android.widget.Button;
  import android.widget.Toast;

  import java.io.IOException;

public class MainActivity extends AppCompatActivity {

private LinePathView mMPathView;
/**
 * 清除
 */
private Button mMBtnClear;
/**
 * 保存
 */
private Button mMBtnSave;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();


}

/**
 * 手写签名 保存  清除
 */
private void initView() {
    mMPathView = (LinePathView) findViewById(R.id.mPathView);
    mMBtnClear = (Button) findViewById(R.id.mBtnClear);
    mMBtnSave = (Button) findViewById(R.id.mBtnSave);

    //修改背景、笔宽、颜色
    mMPathView.setBackColor(Color.WHITE);
    mMPathView.setPaintWidth(20);
    mMPathView.setPenColor(Color.BLACK);
    mMPathView.clear();

    mMBtnClear.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            mMPathView.clear();
            mMPathView.setBackColor(Color.WHITE);
            mMPathView.setPaintWidth(20);
            mMPathView.setPenColor(Color.BLACK);
        }
    });

    mMBtnSave.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (mMPathView.getTouched()) {
                    try {
                        mMPathView.save("/sdcard/mx.png", true, 10);
                        setResult(100);
                        Toast.makeText(MainActivity.this, "保存成功~", Toast.LENGTH_SHORT).show();
                    } catch (IOException e) {
                        e.printStackTrace();
                    }
            }else {
                Toast.makeText(MainActivity.this, "您没有签名~", Toast.LENGTH_SHORT).show();
            }
        }
    });


}

}

xml 代码

    <?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/white"
android:fitsSystemWindows="true"
android:orientation="vertical">

<com.smy.paintdemo.LinePathView
    android:id="@+id/mPathView"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:background="#FFFFFF" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:orientation="horizontal">

    <Button
        android:id="@+id/mBtnClear"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:text="清除" />

    <Button
        android:id="@+id/mBtnSave"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_weight="1"
        android:text="保存" />

</LinearLayout>

</LinearLayout>

权限 权限 权限

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
OK 直接拿走使用就好

最后编辑于 ：
?著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 214,029评论 6赞 493
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 91,238评论 3赞 388
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事?！?“怎么了？”我有些...
    开封第一讲书人阅读 159,576评论 0赞 349
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 57,214评论 1赞 287
  • ?港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 66,324评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 50,392评论 1赞 292
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,416评论 3赞 412
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 38,196评论 0赞 269
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,631评论 1赞 306
  • ?护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,919评论 2赞 328
  • ?白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,090评论 1赞 342
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,767评论 4赞 337
  • ?日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 40,410评论 3赞 322
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,090评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,328评论 1赞 267
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 46,952评论 2赞 365
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 43,979评论 2赞 351