Transparent semi circle in top center of UIView in swift

Asked Mar 30 '18 at 14:48

Active Mar 30 '18 at 14:48

Viewed 353 times

I want to create a view that looks like this:

I create three views(Blue, Green and Orange) and when the user taps any view then it should expand. I did everything excepts the transparent semi circle on top center of each view.

Please guide me to create this.

edited Jun 20 '20 at 09:12

Community

asked Mar 30 '18 at 14:48

Muthu Sabarinathan

1,198
2
21
49

check this answer https://stackoverflow.com/questions/45115304/how-to-crop-the-uiview-with-repeated-semi-circle/45149042#45149042 – Reinier Melian Mar 30 '18 at 14:54
you can use CAShapeLayer and UIBezierPath to draw lines, circles and other figures. read about it. you can draw some figure and add it to layer. – Sergey Hleb Mar 30 '18 at 14:56
@ReinierMelian Thanks for your quick response. I will check this and let you know. – Muthu Sabarinathan Mar 30 '18 at 15:00
@SergeyHleb Thanks for your quick response. I will try Reinier Melian shared link. – Muthu Sabarinathan Mar 30 '18 at 15:00
@Sabs, yes, I was saying about this too – Sergey Hleb Mar 30 '18 at 15:05
1

Try this answer https://stackoverflow.com/questions/40407586/cut-a-circle-out-of-a-uiview-using-mask?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa Hope this will helps you. – Ram Mohan Apr 02 '18 at 09:20
@RamMohan - Thanks for your reply. And your suggested link is what i needed. Thank you so much. – Muthu Sabarinathan Apr 02 '18 at 09:21

Transparent semi circle in top center of UIView in swift

0 Answers0