Draw rectangle Over ImageVIew

Question

I want to implement a crop feature, where I want to have a small rectangle over an imageView. The rectangle should be static and I want to move the image and get the image to be cropped within the rectangular area. Then fetch the image within the rectangle as an cropped image. I have tried creating a canvas using Bitmap as a parameter but it doesn't worked. I have tried a lot to search how to do this. but couldn't find it anywhere. Please help..

Bitmap bitmap=BitmapFactory.decodeResource(this.getResources(), R.drawable.indoor);

    Bitmap mutBitmap = Bitmap.createBitmap(200, 400,bitmap.getConfig());

    Canvas canvas = new Canvas(mutBitmap);

            Paint paint = new Paint();
            paint.setColor(Color.BLACK);
            paint.setStyle(Paint.Style.FILL_AND_STROKE);
            paint.setStrokeWidth(10);
            float leftx = 20;
            float topy = 20;
            float rightx = 50;
            float bottomy = 100;
            canvas.drawRect(leftx, topy, rightx, bottomy, paint);

I'm using the above code, but no rectangle is drawn on the imageView..

Can you post your code, that you have tried.. and what do you mean by _"it doesn't work"_ .. crashes?, doesn't show?.. shows wrong?? or what? — Amulya Khare, Oct 28 '13 at 07:23
Here you can get some tips for the issue http://stackoverflow.com/questions/19263989/optimizing-custom-crop-drawing — Niko, Oct 28 '13 at 07:27
Where do you place the above code? In which method? When is the method called.. some more info would help.. — Amulya Khare, Oct 28 '13 at 07:45
In the OnCreate() after setContentView , the layout that contains the imageView — Bhavna, Oct 28 '13 at 07:47

Amulya Khare · Answer 1 · 2013-10-28T08:13:12.043

You need to put the drawing code in the onDraw() method of the view for it to be shown. You should create a custom class that inherits from imageView, then override the onDraw() method as below:

class DrawView extends ImageView {

    public DrawView(Context context) {
        super(context);
    }

    DrawView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    DrawView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        Paint paint = new Paint();
        paint.setColor(Color.BLACK);
        paint.setStyle(Paint.Style.FILL_AND_STROKE);
        paint.setStrokeWidth(10);
        float leftx = 20;
        float topy = 20;
        float rightx = 50;
        float bottomy = 100;
        canvas.drawRect(leftx, topy, rightx, bottomy, paint);
    }
}

Now in your layout, include DrawView instead of your current ImageView

@AmulyaKhare how to send dynamic attributes for rectangle box? — Vignes, Sep 10 '19 at 13:02

Draw rectangle Over ImageVIew

1 Answers1

Linked