基于Socket实现的android端和PC端同步绘画板

LittleDrawBoard是一个基于Socket的同步绘画应用,支持Android和PC两端。用户在PC上绘制的内容可以实时同步到Android设备,反之亦然。应用实现了基本的绘画功能,如形状绘制、橡皮擦、撤销和重做操作。通过简单的步骤,包括在同一网络环境下运行、获取PC的IPv4地址并输入Android应用,就能实现设备间的连接和同步绘制。
摘要由CSDN通过智能技术生成

LittleDrawBoard

LittleDrawBoard 是基于Socket实现的android端和PC端同步绘画板;

Android端源码地址
PC端源码地址
如对你有帮助,还望在github地址点击star

开发工具

主要功能

  • PC端画板绘制,andorid端画板同步;
  • android端画板绘制,PC端画板同步;
  • 画板的基础功能(形状,橡皮,redo,undo)

功能要点讲解

private float refX; //手指移动时上一刻在X轴上的位置 private float refY; //Y private float initialX; //触摸屏幕时,按下去时的X轴上位置 private float initialY; //Y private float centerX; //画圆时圆心点X轴位置 private float centerY; //Y轴位置 private float circleRadius = 1; //半径 aaaaaa private RectF ovalRect; //用于画椭圆时的矩形类 private Point point; //用于画点的“点”类 private Rect rect; //用于画正方形/矩形的矩形类 private Point[] trianglePoints = new Point[3]; //用于画三角形时存储三角形的三个点 private Point[] points = new Point[3]; private Paint paint; //画笔 private Path path; //图像路径 private Bitmap mBitmap; //用来实现双缓冲的Bitmap private Canvas mCanvas; //用来实现双缓冲的Canvas private DisplayMetrics dm; private int drawType = DrawType.Scrawl; //画图类型 private boolean isClear = false; //onDraw方法中用来判断当前是否是清除图像 public DrawView(Context context, AttributeSet attrs) { super(context, attrs); createCanvas(); //设置画笔属性 paint = new Paint(); paint.setAntiAlias(true); paint.setColor(Color.RED); paint.setStyle(Paint.Style.STROKE); paint.setStrokeWidth(5); paint.setStrokeCap(Paint.Cap.ROUND); //设置笔刷圆形样式 paint.setPathEffect(new CornerPathEffect(20)); //实例“路径”对象 path = new Path(); } @Override public boolean onTouchEvent(MotionEvent event) { float currentX = event.getX(); float currentY = event.getY(); //如果是随意涂鸦 if(drawType == DrawType.Scrawl){ switch(event.getAction()){ case MotionEvent.ACTION_DOWN: //手按下屏幕的时候 paint.setPathEffect(new CornerPathEffect(20)); //设置圆滑效果 path.moveTo(currentX, currentY); //将画笔移动到此,设置路径的第一个点 refX = currentX; refY = currentY; break; case MotionEvent.ACTION_MOVE: //手指在屏幕上移动的时候 path.lineTo(currentX, currentY); //为路径添加一个点 refX = currentX; refY = currentY; break; case MotionEvent.ACTION_UP: //手指提起来的时候 mCanvas.drawPath(path, paint); paint.setPathEffect(new CornerPathEffect(0)); //画完后取消圆滑效果,否则在画矩形等图形的时候边角也会是圆角 path.reset(); //清空Path的任何直线和曲线,让它变成空,以便下次使用 break; } invalidate(); //这个方法请求View进行重绘,所以会调用onDraw方法
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值