画板
- 代码
public class PaintView extends View {
private Paint mPaint;//画笔工具
private Path mPath;//路径
public PaintView(Context context) {
super(context);
init();
}
public PaintView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public PaintView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
private void init(){
mPaint = new Paint();
mPaint.setStyle(Paint.Style.STROKE);//设置画笔为边线样式,另外还有FILL全填充
mPaint.setColor(Color.BLACK);//设置画笔颜色
mPaint.setStrokeWidth(5);//设置边线宽度
mPath = new Path();//新建路径
}
/**
* @author dingtao
* @date 2018/11/29 4:44 PM
*
* 触摸方法
*/
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()){
case MotionEvent.ACTION_UP://手指抬起
break;
case MotionEvent.ACTION_DOWN://手指按下,路径移动到触摸点
mPath.moveTo(event.getX(),event.getY());//路径移动到触摸点
break;
case MotionEvent.ACTION_MOVE://手指移动
mPath.lineTo(event.getX(),event.getY());//路径连线到移动的点
break;
}
invalidate();//刷新控件,回调onDraw方法
return true;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawPath(mPath,mPaint);//画路径
}
-
布局
直接托自定义控件就可以
-
效果
可以拓展 + 一个圆形放在画板中
实现触摸圆形,拖动圆形的效果
修改方法中的值就可以
public boolean onTouchEvent(MotionEvent event) {
x = event.getX();
y = event.getY();
/* switch (event.getAction()){
case MotionEvent.ACTION_UP:
break;
case MotionEvent.ACTION_MOVE:
mPath.moveTo(event.getX(),event.getY());
break;
case MotionEvent.ACTION_DOWN:
mPath.lineTo(event.getX(), event.getY());
x = event.getX();
y = event.getY();
break;
}*/
//*****************
invalidate();
return true;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//canvas画布****
canvas.drawCircle(x,y,100,myPaint);
//canvas.drawPath(mPath,myPaint);
}