Create Custom shaped button using CALayer

Question

what is the best way to achieve the following.

Basically what I want to do is to create an "intractable area" where the user can touch and subsequent actions will take place. For example in the picture the user taps the green area a pop is presented with some options. Similarly there would be different colour "intractable areas or buttons" with in that pizza slice, if you may.

I was thinking of having buttons created through CALayer and try to fit them with in the bounds of the empty state image, but i don't know how to achieve this. Any other ideas are well appreciated.

Answer 1

I would subclass UIButton or UIControl to make your custom button. Then override pointInside:withEvent: to see if the touch event is within the correct region.

See these links for more info and ideas:

• Non-Rectangular Buttons on iOS
• Abusing UIView (see section on pointInside:withEvent:)
• How to create a transparent window with non-rectangular buttons?
• iPhone button with non-rectangle shape?
• OBShapedButton