Custom shaped buttons objective-c

Question

I'm building app for kids with lots of interactive image objects (click on pic & get result)

For example: I have cat on my screen and with click on it I need to produce sound.

After having read lots of info I got the idea that it's almost impossible to transform certain parts of image to clickable objects.

While there are lots of games on the app store which contains lots of custom shaped clickable objects. How did they manage to do this?

What I need read to get the answer? Thank you in advance.

UPDATE: I can have my clipart images as vector-graphic, e.g. .svg file. Will it make the situation simpler?

http://www.raywenderlich.com/76020/using-uigesturerecognizer-with-swift-tutorial read this tutorial. You can do your views clickable with an tapGestureRecognizer — Gürhan KODALAK, May 14 '15 at 16:24
it does not matter whatever is your view is you can add gesture to that view. — Gürhan KODALAK, May 14 '15 at 19:53
@AlexF If you have found your answer, please mark an answer as correct. — rounak, May 21 '15 at 15:05

score 0 · Answer 1 · answered May 14 '15 at 16:22

0

Implement each image as a UIButton and set the background of each button as the image desired. (setBackgroundImage)

answered May 14 '15 at 16:22

Jack C

1

It will make "cat image" became rectangular from the point of clickable area. I need detect clicks within custom shape. – Alex F May 14 '15 at 16:29

score 0 · Answer 2 · answered May 14 '15 at 16:30

0

Using images is one option, but if you want taps within a certain non rectangular shape, check out OBShapedButton

answered May 14 '15 at 16:30

rounak

score 0 · Answer 3 · edited May 23 '17 at 10:29

If you really want super accurate touches, you could construct a bezierpath in the shape of the image then use

[UIBezierPath containtsPoint:]

You could also possibly get the pixel colour underneath the touch, but that wouldn't give much room for error if the user tapped near the edge:

3 Answers3