How could we possibly create this ui concept?

Question

I came across this UI Concept, I couldnt help but to admire it's beauty.

I am wondering if it is possible to create a Button that makes (mask) the control below them, to make them look transparent in that area. (In this case UITextField)

Please take a look at this image below

ANy idea if this is possible to be done via code? Please look at how the button makes the UITextField become transparent with margin.

Answer 1

You would do it exactly the way you just said - with a mask. A mask attached to a layer (or view) can make a hole through that view and its subviews. In this case, that hole is a circle.

Here's an example: two UITextFields, in a view whose mask cuts a circular hole at the end of them:

I didn't add the checkmark image but that's just more of the same.