CODEWITHSUNDEEP
androidtouchdrawingdrawrectangle
user5225979
user5225979

Reputation:

How to draw rectangle as user draws on screen in android

I want to draw rectangle on the screen as user desires, How can I get the points to draw rectangle from user touch event? I have drawn line using onTouchEvent and paint as below. Like this,drawing lines as user desires I want to draw rectangles, But I could not get the values for this. please help

public class SimpleDrawingView extends View {
private final int paintColor = Color.BLACK;
private Paint drawPaint;
private Path path = new Path();
float pointX;
float pointY;

public SimpleDrawingView(Context context, AttributeSet attrs) {
    super(context, attrs);
    setFocusable(true);
    setFocusableInTouchMode(true);
    setupPaint();
}

private void setupPaint() {
    // Setup paint with color and stroke styles
    drawPaint = new Paint();
    drawPaint.setColor(paintColor);
    drawPaint.setAntiAlias(true);
    drawPaint.setStrokeWidth(5);
    drawPaint.setStyle(Paint.Style.STROKE);
    drawPaint.setStrokeJoin(Paint.Join.ROUND);
    drawPaint.setStrokeCap(Paint.Cap.ROUND);
}

@Override
public boolean onTouchEvent(MotionEvent event) {
     pointX = event.getX();
     pointY = event.getY();
    // Checks for the event that occurs
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            path.moveTo(pointX, pointY);
            return true;
        case MotionEvent.ACTION_MOVE:
            path.lineTo(pointX, pointY);
            break;
        default:
            return false;
    }
    // Force a view to draw again
    postInvalidate();
    return true;
}
@Override
protected void onDraw(Canvas canvas) {
    canvas.drawPath(path,drawPaint);

}

}

Upvotes: 0

Views: 3345

Answers (2)

user6384593
user6384593

Reputation:

You can also do in this way

public class SimpleDrawingView extends View {
private final int paintColor = Color.BLACK;
private Paint drawPaint;
float pointX;
float pointY;
float startX;
float startY;

public SimpleDrawingView(Context context, AttributeSet attrs) {
super(context, attrs);
setFocusable(true);
setFocusableInTouchMode(true);
setupPaint();
}

private void setupPaint() {
// Setup paint with color and stroke styles
drawPaint = new Paint();
drawPaint.setColor(paintColor);
drawPaint.setAntiAlias(true);
drawPaint.setStrokeWidth(5);
drawPaint.setStyle(Paint.Style.STROKE);
drawPaint.setStrokeJoin(Paint.Join.ROUND);
drawPaint.setStrokeCap(Paint.Cap.ROUND);
}

@Override
 public boolean onTouchEvent(MotionEvent event) {
pointX = event.getX();
pointY = event.getY();
// Checks for the event that occurs
switch (event.getAction()) {
    case MotionEvent.ACTION_DOWN:
        startX = pointX;
        startY = pointY;
        return true;
    case MotionEvent.ACTION_MOVE:
        break;
    default:
        return false;
}
// Force a view to draw again
postInvalidate();
return true;
}

 @Override
 protected void onDraw(Canvas canvas) {
 canvas.drawRect(startX, startY, pointX, pointY, drawPaint);
  }
}

Upvotes: 0

user2413972
user2413972

Reputation: 1355

It's simple:

Point2D p1 = null;
Point2D p2 = null;
@Override
public boolean onTouchEvent(MotionEvent event) {
     pointX = event.getX();
     pointY = event.getY();
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            p1 = new Point2D(pointX, pointY);
            return true;
        case MotionEvent.ACTION_UP:
            p2 = new Point2D(pointX, pointY);
            postInvalidate();
            break;
        default:
            return false;
    }
    return true;
}

@Override
protected void onDraw(Canvas canvas) {
    if(p1!=null && p2!=null) {
        canvas.drawRect(p1.getX(), p1.getY(), p2.getX(), p2.getY(), drawPaint);
        p1=null;
        p2=null;
    }
}

Upvotes: 1

Related Questions