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(); } }); } }