Can I clip a view with a circle using setClipBounds?

Question

I have the following code to delimit the area of a view to be drawn:

Rect rect = new Rect();
rect.set(0, 0, 100, 100);
View.setClipBounds(rect);

This will draw my view only on the specified rectangle (or square, in this case). However, I wanted the view to be clipped to a circle. Is there any way to somehow round the corners of a Rect object?

The best option in my option would be to override the onDraw of your view and use drawPath for example where the path is a rounded rect. — Pedro Oliveira, Nov 24 '15 at 11:59

score 6 · Accepted Answer · edited May 23 '17 at 12:23

In this case, you've to subclass that view and add some extra logic to it.

Add these codes to its constructor method, or wherever you would like to initialize the view.

final Path path = new Path();
path.addRoundRect(new RectF(0,0,getWidth(),getHeight()),10,10,Direction.CW);

Using these codes, you're defining a path along which your view is going to be drawn (the area inside the boundaries of the patch).

Add this method to the class to apply this mask on your view.

@Override
protected void dispatchDraw(Canvas canvas){
    canvas.clipPath(path);
    super.dispatchDraw(canvas);
}

_{Credits: https://stackoverflow.com/a/7559233/1841194}

score 2 · Answer 2 · edited May 23 '17 at 11:52

2

Try to use

RectF r = new RectF(10,100,200,400);
canvas.drawRoundRect(r, 0, 0, mPaint);

about or square case of it.

The other approach is to use clipping mask. The concept of this idea is to use PorterDuffXfermode or PorterDuff . This is an example for the rounded corner view. I don't know what directly you want that's why I just can give to base methods I've used. The other example.

edited May 23 '17 at 11:52

Community

1
1

answered Jan 07 '16 at 07:32

Vyacheslav

26,359
19
112
194

clipping and drawing are 2 very different things – JayVDiyk Jan 07 '16 at 07:34
@JayVDiyk , in case he has wrote it gives the same behaviour. – Vyacheslav Jan 07 '16 at 07:38
the purpose it serves are different. – JayVDiyk Jan 07 '16 at 07:40
@JayVDiyk, anyway, I've added an example with clipping mask from this site. – Vyacheslav Jan 07 '16 at 07:41
@JayVDiyk, I've attached two links this the `PorterDuff` examples. – Vyacheslav Jan 07 '16 at 07:51
Cool they are helpful. I would like to reward the bounty but SO says that I must wait 24 hours. Thanks for the help!!. – JayVDiyk Jan 07 '16 at 07:52
Thanks. I'm glad I've helped to you. – Vyacheslav Jan 07 '16 at 08:01

score 0 · Answer 3 · answered Mar 02 '20 at 14:55

0

Try this:

val circlePath = Path().apply {
        addCircle(x, y, radius, Path.Direction.CW)
    }
canvas.clipPath(circlePath)

answered Mar 02 '20 at 14:55

Mattia Ferigutti

2,608
1
18
22

Can I clip a view with a circle using setClipBounds?

3 Answers3