备案控制台
开发者社区 开发与运维 文章 正文

Android手绘签名

2022-05-20 145
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Android手绘签名

一、手绘签名

最近，项目有个需求是用户在APP上签合同时，需要手绘签名。简单写了一个demo，之后产品又通知改需求了，不用手绘实现的方式了，demo写了却用不上……分享给有需要的朋友吧！

二、功能效果图

image.png

image.png

image.png

三、实现手绘签名

1.首先自定义一个 SignatureView

（注：挺简单的，不作具体分析了，大家直接看代码和相应注释吧。）

import android.content.Context;
import android.graphics.*;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import androidx.annotation.Nullable;
/**
 * 手绘签名View:实现一个自定义view，可以绘制出轨迹
 */
public class SignatureView  extends View implements View.OnTouchListener{
    private Bitmap bitmap=null;//用户保存签名的Bitmap
    private Path path;
    private Rect boundary;
    private Canvas myCanvas;//用户保存签名的Canvas
    private boolean isdraw;
    private int bound,stroke;
    private int width,height;
    //动态设置边框和画笔粗细,方便调用自定义view
    public float getBound() {
        return bound;
    }
    public void setBound(int bound) {
        this.bound = bound;
    }
    public void setStroke(int stroke) {
        this.stroke = stroke;
    }
    public float getStroke() {
        return stroke;
    }
    public SignatureView(Context context) {
        super(context);
        init();
    }
    public SignatureView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }
    public SignatureView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }
    public SignatureView(Context context, @Nullable AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init();
    }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
    //设置边界和bitmap的大小，注意：onLayout中一定可以获取到getWidth()和getHeight()
    @Override
    protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
        super.onLayout(changed, left, top, right, bottom);
        width=getWidth();
        height=getHeight();
        bitmap = Bitmap.createBitmap(width-bound, height-bound, Bitmap.Config.ARGB_8888);
        myCanvas =new Canvas(bitmap);
        boundary=new Rect(bound,bound,width-bound,height-bound);
    }
    private void init() {
        path=new Path();
        isdraw=false;
        stroke=8;
        bound=8;
        setOnTouchListener(this);
    }
    //把之前的path和边框画出来
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint=new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setColor(Color.BLACK);
        paint.setAntiAlias(true);
        paint.setStrokeWidth(stroke);
        canvas.drawPath(path,paint);
        myCanvas.drawPath(path,paint);
        canvas.drawRect(boundary,paint);
    }
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        isdraw=true;
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                path.moveTo(event.getX(),event.getY());
                invalidate();
                break;
            case MotionEvent.ACTION_MOVE:
                path.lineTo(event.getX(),event.getY());
                invalidate();
                break;
        }
        return true;
    }
    public Bitmap getBitmap(){//返回bitmap
        if(!isdraw)
            return null;
        return bitmap;
    }
    public void clear(){//清空画布
        path.reset();
        bitmap = Bitmap.createBitmap(width-bound, height-bound, Bitmap.Config.ARGB_8888);
        myCanvas =new Canvas(bitmap);
        invalidate();
    }
}

2.具体实现，先写个activity_signature.xml布局


（注：布局仅供大家参考。重要的只有SignatureView的引用，引用时，找到自定义SignatureView所在项目的位置即可。）


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="@dimen/dp_44"
        android:background="@drawable/qiang_bg"
        android:minHeight="@dimen/dp_44"
        app:layout_collapseMode="pin"
        app:title="">
        <TextView
            android:id="@+id/tvTitle"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:singleLine="true"
            android:text="手绘签名"
            android:textColor="@android:color/white"
            android:textSize="@dimen/sp_18" />
    </androidx.appcompat.widget.Toolbar>
    <ImageView
        android:id="@+id/img"
        android:layout_width="match_parent"
        android:layout_height="200dp" />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.sun.SignatureView
            android:id="@+id/view_sign"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>
        <Button
            android:id="@+id/btn_ok"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="确认"
            android:textSize="@dimen/sp_18"/>
        <Button
            android:id="@+id/btn_clear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/btn_ok"
            android:text="清除"
            android:textSize="@dimen/sp_18"/>
    </RelativeLayout>
</LinearLayout>

3.在Activity中的实现，写个SignatureActivity类

1）先初始化布局

(注：使用的是Butterknife,大家可以自己findViewById。)

    @BindView(R.id.view_sign)
    SignatureView view_sign;
    @BindView(R.id.img)
    ImageView imageView;
    @BindView(R.id.btn_ok)
    Button btn_ok;
    @BindView(R.id.btn_clear)
    Button btn_clear;

2）在Activity的onCreate（）中实现功能

 btn_ok.setOnClickListener(v -> {
            //绘制到画板显示
            imageView.setImageBitmap(view_sign.getBitmap());
            //保存成图片,根据实际需求，决定是否调用此方法
            savebitmap();
        });
        btn_clear.setOnClickListener(v -> {
            view_sign.clear();
            imageView.setImageBitmap(null);
        });

3）savebitmap()方法写在Activity中即可。

 //将bitmap保存到本地
    public void savebitmap() {
        Bitmap bitmap=view_sign.getBitmap();
        //Android Q  10为每个应用程序提供了一个独立的在外部存储设备的存储沙箱，没有其他应用可以直接访问您应用的沙盒文件
        File f = this.getExternalFilesDir(Environment.DIRECTORY_PICTURES);
        File file=new File(f.getPath()+"/test.png");//创建文件，要保存png，这里后缀就是png，要保存jpg，后缀就用jpg
        try {
            //文件输出流
            FileOutputStream fileOutputStream=new FileOutputStream(file);
            //压缩图片，如果要保存png，就用Bitmap.CompressFormat.PNG，要保存jpg就用Bitmap.CompressFormat.JPEG,质量是100%，表示不压缩
            bitmap.compress(Bitmap.CompressFormat.PNG,100,fileOutputStream);
            //写入，这里会卡顿，因为图片较大
            fileOutputStream.flush();
            //记得要关闭写入流
            fileOutputStream.close();
            //成功的提示，写入成功后，请在对应目录中找保存的图片
            Log.e("写入成功！目录：",f.getPath()+"/test.png");
        } catch (FileNotFoundException e) {
            e.printStackTrace();
            //失败的提示
            ToastUtil.showToast(e.getMessage());
        } catch (IOException e) {
            e.printStackTrace();
            //失败的提示
            ToastUtil.showToast(e.getMessage());
        }
    }

4）SignatureActivity类全部代码


(注：因继承了自定义的XBaseActivity，以下代码仅供参考，不必理会已经注释掉的代码)

import android.graphics.Bitmap;
import android.os.Environment;
import android.util.Log;
import android.widget.Button;
import android.widget.ImageView;
import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import butterknife.BindView;
public class SignatureActivity extends XBaseActivity {
    @BindView(R.id.view_sign)
    SignatureView view_sign;
    @BindView(R.id.img)
    ImageView imageView;
    @BindView(R.id.btn_ok)
    Button btn_ok;
    @BindView(R.id.btn_clear)
    Button btn_clear;
    @Override
    protected XBasePresenter createPresenter() {
        return null;
    }
    @Override
    protected int getLayoutId() {
        return R.layout.activity_signature;
    }
    @Override
    protected void initView() {
//       注意， 开发时用完一个Bitmap后，需要马上recycle()来保证尽快释放期资源。这里并没有处理， isRecycled() 　//判断位图内存是否已释放
        btn_ok.setOnClickListener(v -> {
            //绘制到画板显示
            imageView.setImageBitmap(view_sign.getBitmap());
            //保存成图片,根据实际需求，决定是否调用此方法
            savebitmap();
        });
        btn_clear.setOnClickListener(v -> {
            view_sign.clear();
            imageView.setImageBitmap(null);
        });
    }
    @Override
    protected void initData() { }
    //将bitmap保存到本地
    public void savebitmap() {
        //因为xml用的是背景，所以这里也是获得背景
//        Bitmap bitmap=((BitmapDrawable)(imageView.getBackground())).getBitmap();
        Bitmap bitmap = view_sign.getBitmap();
        //创建文件，安卓低版本的方式
//        File file=new File(Environment.getExternalStorageDirectory() +"/test.png");
        //Android Q  10为每个应用程序提供了一个独立的在外部存储设备的存储沙箱，没有其他应用可以直接访问您应用的沙盒文件
        File f = this.getExternalFilesDir(Environment.DIRECTORY_PICTURES);
        File file = new File(f.getPath() + "/test.png");//创建文件，要保存png，这里后缀就是png，要保存jpg，后缀就用jpg
//        file.getParentFile().mkdirs();
        try {
            //文件输出流
            FileOutputStream fileOutputStream = new FileOutputStream(file);
            //压缩图片，如果要保存png，就用Bitmap.CompressFormat.PNG，要保存jpg就用Bitmap.CompressFormat.JPEG,质量是100%，表示不压缩
            bitmap.compress(Bitmap.CompressFormat.PNG, 100, fileOutputStream);
            //写入，这里会卡顿，因为图片较大
            fileOutputStream.flush();
            //记得要关闭写入流
            fileOutputStream.close();
            //成功的提示，写入成功后，请在对应目录中找保存的图片
            Log.e("写入成功！目录", f.getPath() + "/test.png");
        } catch (FileNotFoundException e) {
            e.printStackTrace();
            //失败的提示
            ToastUtil.showToast(e.getMessage());
            Log.e("失败====", e.getMessage());
        } catch (IOException e) {
            e.printStackTrace();
            //失败的提示
            ToastUtil.showToast(e.getMessage());
            Log.e("失败2222====", e.getMessage());
        }
    }
}

版权声明：本文为博主原创文章，转载请点赞此文并注明出处，谢谢！

文章标签：
Android开发
关键词：
Android签名
PromiseSun
目录
相关文章
一歲抬頭
|
21天前
|
存储 Java API
Android 浅度解析：mk预置AAR、SO文件、APP包和签名
Android 浅度解析：mk预置AAR、SO文件、APP包和签名
一歲抬頭
78 0
是阿超
|
1月前
|
算法 Android开发
Android签名算法的原理
Android签名算法的原理
是阿超
20 0
是阿超
|
1月前
|
编解码 Android开发
Android获取设备各项信息（设备id、ip地址、设备名称、运行商、品牌、型号、分辨率、处理器、国家码、系统语言、网络类型、oaid、android版本、操作系统版本、mac地址、应用程序签名..）1
Android获取设备各项信息（设备id、ip地址、设备名称、运行商、品牌、型号、分辨率、处理器、国家码、系统语言、网络类型、oaid、android版本、操作系统版本、mac地址、应用程序签名..）
是阿超
62 1
w风雨无阻w
|
7月前
|
API 开发工具 Android开发
解决 Android App 上架 Google play后 ,签名变更,第三方sdk无法登录
解决 Android App 上架 Google play后 ,签名变更,第三方sdk无法登录
w风雨无阻w
152 0
是阿超
|
1月前
|
编解码 开发工具 Android开发
Android获取设备各项信息（设备id、ip地址、设备名称、运行商、品牌、型号、分辨率、处理器、国家码、系统语言、网络类型、oaid、android版本、操作系统版本、mac地址、应用程序签名..）2
Android获取设备各项信息（设备id、ip地址、设备名称、运行商、品牌、型号、分辨率、处理器、国家码、系统语言、网络类型、oaid、android版本、操作系统版本、mac地址、应用程序签名..）2
是阿超
37 2
xiaowang_lj
|
6天前
|
Android开发
Android 获取签名信息
Android 获取签名信息
xiaowang_lj
7 0
xiaowang_lj
|
6天前
|
安全 Android开发
修改Android系统的签名
修改Android系统的签名
xiaowang_lj
15 0
xiaowang_lj
|
6天前
|
安全 Android开发
Android 系统签名
Android 系统签名
xiaowang_lj
15 0
xiaowang_lj
|
7天前
|
安全 Android开发 数据安全/隐私保护
Android 如何获取系统签名 并使用系统签名
Android 如何获取系统签名 并使用系统签名
xiaowang_lj
14 2
一歲抬頭
|
21天前
|
存储 安全 Ubuntu
Android 生成平台应用签名keystore文件
Android 生成平台应用签名keystore文件
一歲抬頭
9 0

热门文章

最新文章

  • 1
    SAP BSP, Java Web Project，Android和微信小程序的初始页面设置
  • 2
    Android实例剖析笔记（四）
  • 3
    Android搜索控件SearchView
  • 4
    Android 中文API （37） —— AbsoluteLayout
  • 5
    Android弹幕实现：基于B站弹幕开源系统（3）-文本弹幕的完善和细节调整
  • 6
    android基于Activity共享元素切换效果的实现
  • 7
    深入理解JNI（《深入理解android》（author : 邓凡平）读书札记）
  • 8
    Windows SublimeText内使用NDK编译Android so（不用cygwin）
  • 9
    android图片缩放双击旋转效果
  • 10
    Android入门之支持不同的设备
  • 1
    【Android平板编程】远程Ubuntu服务器code-server编程写代码
    64
  • 2
    android 使用GSON 序列化对象出现字段被优化问题解决方案
    20
  • 3
    构建高效安卓应用：探究Kotlin与Java的性能对比
    102
  • 4
    构建高效安卓应用：探究Kotlin与Java的性能差异
    23
  • 5
    ADB 下载、安装及使用教程：让你更好地管理 Android 设备
    588
  • 6
    构建高效的安卓应用：探究Kotlin与Java的性能差异
    21
  • 7
    构建高效Android应用：探究Kotlin与Java的性能差异
    56
  • 8
    构建高效Android应用：探究Kotlin与Java的性能差异
    44
  • 9
    构建高效Android应用：探究Kotlin多线程编程
    51
  • 10
    构建高效Android应用：Kotlin协程的实践指南
    26

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）