Draw a circle on an existing image

Question

I'm trying to draw a circle on an image which placed as res/drawable/schoolboard.png. the image fills the activity background. the following does not work:

    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.schoolboard);
    Paint paint = new Paint();
    paint.setAntiAlias(true);
    paint.setColor(Color.BLUE);

    Canvas canvas = new Canvas(bitmap);
    canvas.drawCircle(60, 50, 25, paint);

    ImageView imageView = (ImageView)findViewById(R.drawable.schoolboard);
    imageView.setAdjustViewBounds(true);
    imageView.setImageBitmap(bitmap);

any help will be highly appreciated. thanks.

Answer 1

There are some errors in your code: first of thing you cannot give reference Id for drawable in findViewById so I think you mean something like that

ImageView imageView = (ImageView)findViewById(R.id.schoolboard_image_view);

schoolboard_image_view is the image id in your xml layout (check your layout for the right id)

BitmapFactory.Options myOptions = new BitmapFactory.Options();
    myOptions.inDither = true;
    myOptions.inScaled = false;
    myOptions.inPreferredConfig = Bitmap.Config.ARGB_8888;// important
    myOptions.inPurgeable = true;

    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.schoolboard,myOptions);
    Paint paint = new Paint();
    paint.setAntiAlias(true);
    paint.setColor(Color.BLUE);


    Bitmap workingBitmap = Bitmap.createBitmap(bitmap);
    Bitmap mutableBitmap = workingBitmap.copy(Bitmap.Config.ARGB_8888, true);


    Canvas canvas = new Canvas(mutableBitmap);
    canvas.drawCircle(60, 50, 25, paint);

    ImageView imageView = (ImageView)findViewById(R.id.schoolboard_image_view);
    imageView.setAdjustViewBounds(true);
    imageView.setImageBitmap(mutableBitmap);

Please make sure to use the right image Id for:

ImageView imageView = (ImageView)findViewById(R.id.schoolboard_image_view);

Answer 2

First of all you need to create a new bitmap, because bitmap from BitmapFactory.decodeResource() method is immutable. You can do this with the following code:

Bitmap canvasBitmap = Bitmap.createBitmap([bitmap_width], [bitmap_height], Config.ARGB_8888);

Use this bitmap in Canvas constructor. Then draw your bitmap on canvas.

Canvas canvas = new Canvas(canvasBitmap);
canvas.drawBitmap(bitmap, 0, 0, bitmapPaint);
canvas.drawCircle(60, 50, 25, paint);

Also R.drawable.schoolboard is not a correct view id.

ImageView imageView = (ImageView)findViewById(R.drawable.schoolboard);