How to make an overlay with round edges (iPhone SDK)?

Question

I've just received a lot of good responses to the question about making overlay views. Is there a way that I can make an overlay view on the iPhone SDK?

Another question I have is how to make an overlay view have round edges like in the Skype iPhone app or in the Phone.app.

Thanks.

If my answer did solve your problem, please mark it as the solution. — MrMage, Feb 18 '10 at 09:58

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

6

You can use these helper functions and then mask/clip to the resulting CGPath:

edited May 23 '17 at 10:27

Community

answered Feb 12 '10 at 17:21

MrMage

1

This blog post I wrote might help too: http://www.cimgf.com/2010/01/28/fun-with-uibuttons-and-core-animation-layers/ – Matt Long Feb 12 '10 at 17:27
i find this is good http://cocoabugs.blogspot.com/2010/08/add-rounded-corners-and-border-to.html – Aug 24 '10 at 08:30

score 4 · Answer 2 · answered Feb 12 '10 at 18:57

4

Use the view.layer's cornerRadius property.

#include <QuartzCore/QuartzCore.h>

...

overlayView.layer.cornerRadius = 5.0;

answered Feb 12 '10 at 18:57

jessecurry

2 Answers2