Android 自定义View手写签名并保存图片功能

发布时间：2020-08-23 11:48:12 阅读：354 作者：~Y~ 栏目：移动开发

Android开发者专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

GIF压缩有问题，运行很顺滑！！！

1.自定义View——支持设置画笔颜色，画笔宽度，画板颜色，清除画板，检查是否有签名，保存画板图片（复制粘贴可直接使用）

/**
 * Created by YyyyQ on 2020/3/5.
 * 电子签名
 */
public class SignatureView extends View {
 private Context context;
 //X轴起点
 private float x;
 //Y轴起点
 private float y;
 //画笔
 private final Paint paint = new Paint();
 //路径
 private final Path path = new Path();
 //画布
 private Canvas canvas;
 //生成的图片
 private Bitmap bitmap;
 //画笔的宽度
 private int paintWidth = 10;
 //签名颜色
 private int paintColor = Color.BLACK;
 //背景颜色
 private int backgroundColor = Color.WHITE;
 //是否已经签名
 private boolean isTouched = false;
 //签名开始与结束
 public interface Touch {
  void OnTouch(boolean isTouch);
 }
 private Touch touch;
 public SignatureView(Context context) {
  super(context);
  init(context);
 }
 public SignatureView(Context context, @Nullable AttributeSet attrs) {
  super(context, attrs);
  init(context);
 }
 public SignatureView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  init(context);
 }
 private void init(Context context) {
  this.context = context;
  //抗锯齿
  paint.setAntiAlias(true);
  //样式
  paint.setStyle(Paint.Style.STROKE);
  //画笔颜色
  paint.setColor(paintColor);
  //画笔宽度
  paint.setStrokeWidth(paintWidth);
 }
 @Override
 protected void onSizeChanged(int w, int h, int oldw, int oldh) {
  super.onSizeChanged(w, h, oldw, oldh);
  //创建于view大小一致的bitmap
  bitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);
  canvas = new Canvas(bitmap);
  canvas.drawColor(backgroundColor);
  isTouched = false;
 }
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  if (touch != null) touch.OnTouch(true);
  switch (event.getAction()) {
   //手指按下
   case MotionEvent.ACTION_DOWN:
    touchDwon(event);
    break;
   //手指移动
   case MotionEvent.ACTION_MOVE:
    isTouched = true;
    if (touch != null) touch.OnTouch(false);
    touchMove(event);
    break;
   //手指抬起
   case MotionEvent.ACTION_UP:
    canvas.drawPath(path, paint);
    path.reset();
    break;
  }
  // 更新绘制
  invalidate();
  return true;
 }
 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  //画此次笔画之前的签名
  canvas.drawBitmap(bitmap, 0, 0, paint);
  // 通过画布绘制多点形成的图形
  canvas.drawPath(path, paint);
 }
 //手指按下的方法
 private void touchDwon(MotionEvent event) {
  //重置绘制路径
  path.reset();
  float downX = event.getX();
  float downY = event.getY();
  x = downX;
  y = downY;
  //绘制起点
  path.moveTo(downX, downY);
 }
 //手指滑动的方法
 private void touchMove(MotionEvent event) {
  //当前的x,y坐标点
  final float moveX = event.getX();
  final float moveY = event.getY();
  //之前的x,y坐标点
  final float previousX = x;
  final float previousY = y;
  //获取绝对值
  final float dx = Math.abs(moveX - previousX);
  final float dy = Math.abs(moveY - previousY);
  if (dx >= 3 || dy >= 3) {
   float cX = (moveX + previousX) / 2;
   float cY = (moveY + previousY) / 2;
   path.quadTo(previousX, previousY, cX, cY);
   x = moveX;
   y = moveY;
  }
 }
 /**
  * 设置画笔颜色
  *
  * @param paintColor
  */
 public void setPaintColor(int paintColor) {
  this.paintColor = paintColor;
  paint.setColor(paintColor);
 }
 /**
  * 设置画笔宽度
  *
  * @param paintWidth
  */
 public void setPaintWidth(int paintWidth) {
  this.paintWidth = paintWidth;
  paint.setStrokeWidth(paintWidth);
 }
 /**
  * 设置画板颜色
  *
  * @param canvasColor
  */
 public void setCanvasColor(int canvasColor) {
  this.backgroundColor = canvasColor;
 }
 /**
  * 清除画板
  */
 public void clear() {
  if (canvas != null) {
   isTouched = false;
   //更新画板
   paint.setColor(paintColor);
   paint.setStrokeWidth(paintWidth);
   canvas.drawColor(backgroundColor, PorterDuff.Mode.CLEAR);
   invalidate();
  }
 }
 /**
  * 获取画板的Bitmap
  *
  * @return
  */
 public Bitmap getBitmap() {
  setDrawingCacheEnabled(true);
  buildDrawingCache();
  Bitmap bitmap = getDrawingCache();
  setDrawingCacheEnabled(false);
  return bitmap;
 }
 /**
  * 是否有签名
  *
  * @return
  */
 public Boolean getSigstatus() {
  return isTouched;
 }
 /**
  * 保存画板
  *
  * @param path 保存到路径
  */
 @SuppressLint("WrongThread")
 public Boolean save(String path) throws IOException {
  Bitmap bitmap = this.bitmap;
  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();
   return true;
  } else {
   return false;
  }
 }
}

2.xml布局引用自定义View（注意包名）

<?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:orientation="vertical">
 <!--自定义view的绝对路径-->
 <com.example.customviewdemo.view.SignatureView
  android:id="@+id/signature"
  android:layout_width="match_parent"
  android:layout_height="0dp"
  android:layout_weight="1"
  android:background="#fff" />
 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="50dp"
  android:layout_margin="20dp"
  android:orientation="horizontal">
  <Button
   android:id="@+id/clear"
   android:layout_width="0dp"
   android:layout_height="match_parent"
   android:layout_weight="1"
   android:gravity="center"
   android:text="清除" />
  <Button
   android:id="@+id/isSignature"
   android:layout_width="0dp"
   android:layout_height="match_parent"
   android:layout_marginLeft="10dp"
   android:layout_weight="1"
   android:gravity="center"
   android:text="是否签名" />
  <Button
   android:id="@+id/save"
   android:layout_width="0dp"
   android:layout_height="match_parent"
   android:layout_marginLeft="10dp"
   android:layout_weight="1"
   android:gravity="center"
   android:text="保存" />
 </LinearLayout>
</LinearLayout>

3.Activity调用

/**
 * Created by YyyyQ on 2020/3/9.
 */
public class SignatureActivity extends AppCompatActivity {
  @Override
  protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_signature);
    SignatureView signatureView = findViewById(R.id.signature);
    //设置画笔颜色(可以不设置--默认画笔宽度10,画笔颜色黑,背景颜色白)
    signatureView.setPaintColor(Color.BLACK);
    signatureView.setPaintWidth(20);
    signatureView.setCanvasColor(Color.WHITE);
    //清除
    Button clear = findViewById(R.id.clear);
    clear.setOnClickListener(view -> {
      signatureView.clear();
      //设置画笔颜色(可以不设置--默认画笔宽度10,画笔颜色黑,背景颜色白)
      signatureView.setPaintColor(Color.BLACK);
      signatureView.setPaintWidth(20);
      signatureView.setCanvasColor(Color.WHITE);
    });
    //是否含有签名
    Button isSignature = findViewById(R.id.isSignature);
    isSignature.setOnClickListener(view -> {
      if (signatureView.getSigstatus()) {
        Toast.makeText(SignatureActivity.this, "有签名", Toast.LENGTH_SHORT).show();
      } else {
        Toast.makeText(SignatureActivity.this, "无签名", Toast.LENGTH_SHORT).show();
      }
    });
    //保存
    Button save = findViewById(R.id.save);
    save.setOnClickListener(view -> {
      try {
        if (signatureView.save("/sdcard/YyyyQ.png")) {
          Toast.makeText(SignatureActivity.this, "保存成功", Toast.LENGTH_SHORT).show();
        } else {
          Toast.makeText(SignatureActivity.this, "保存失败", Toast.LENGTH_SHORT).show();
        }
      } catch (IOException e) {
        e.printStackTrace();
      }
    });
  }
}

总结

到此这篇关于Android 自定义View手写签名并保存图片的文章就介绍到这了,更多相关Android 自定义View手写签名并保存图片内容请搜索亿速云以前的文章或继续浏览下面的相关文章希望大家以后多多支持亿速云！

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

Android 自定义View手写签名并保存图片功能

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签