Making UIImageView Clickable

BrightMedia · 12-09-2011, 03:35 PM

Hello,

Right now I am working on a menu for a game. Instead of buttons (UIButton) I would like to use images made in photoshop as clickable menu items. UIButton does not allow me the movement to design menu items as I want to (PS. I am a beginner so I don't know many details).

So my question is: how can I make an image clickable so that it behaves in the same way as a button?

Thanks a lot!

BrianSlick · 12-09-2011, 03:45 PM

Quote:

Originally Posted by BrightMedia

UIButton does not allow me the movement to design menu items as I want to

Uh, what?

BrightMedia · 12-09-2011, 03:46 PM

Quote:

Originally Posted by BrianSlick

Uh, what?

It can? Can you please tell me how?

Duncan C · 12-09-2011, 03:47 PM

Quote:

Originally Posted by BrightMedia

Hello,

Right now I am working on a menu for a game. Instead of buttons (UIButton) I would like to use images made in photoshop as clickable menu items. UIButton does not allow me the movement to design menu items as I want to (PS. I am a beginner so I don't know many details).

So my question is: how can I make an image clickable so that it behaves in the same way as a button?

Thanks a lot!

- Patrick

The easiest thing to do this is to create a UITapGestureRecognizer and install it into the object. That works for any UIView object.

Use the UIGestureRecognizer method initWithTarget:action: to initialize the gesture recognizer, and the UIView method addGestureRecognizer to add the recognizer to the view.

BrianSlick · 12-09-2011, 03:47 PM

I don't understand the limitation you are describing. Try again.

BrightMedia · 12-09-2011, 03:55 PM

Quote:

Originally Posted by BrianSlick

I don't understand the limitation you are describing. Try again.

Hi,

Let me give it another try.

I would like to use an image as menu item. I made this image in Photoshop. As far as I know, images usually can't be clickable like buttons can.

When clicking on this image, the game should display another screen.

The problem is just that I don't know how to make this image clickable.

Please don't forget that I'm still learning this stuff so I might be talking about things I don't know much about.

BrightMedia · 12-09-2011, 03:56 PM

Quote:

Originally Posted by Duncan C

The easiest thing to do this is to create a UITapGestureRecognizer and install it into the object. That works for any UIView object.

Use the UIGestureRecognizer method initWithTarget:action: to initialize the gesture recognizer, and the UIView method addGestureRecognizer to add the recognizer to the view.

Thanks! I am going to read more about this

BrianSlick · 12-09-2011, 03:57 PM

Quote:

Originally Posted by BrightMedia

Hi,

Let me give it another try.

I would like to use an image as menu item. I made this image in Photoshop. As far as I know, images usually can't be clickable like buttons can.

When clicking on this image, the game should display another screen.

The problem is just that I don't know how to make this image clickable.

Please don't forget that I'm still learning this stuff so I might be talking about things I don't know much about.

No, I mean explain why you think you can't use a UIButton.

BrightMedia · 12-09-2011, 04:00 PM

Quote:

Originally Posted by BrianSlick

No, I mean explain why you think you can't use a UIButton.

I see. Well, I am using translucent background in these images. What I found out is that the button will ignore translucent backgrounds and make them white instead, and also give the image (that i am using as background in this button) a rectangular shape.

BrightMedia · 12-09-2011, 04:02 PM

Quote:

Originally Posted by Duncan C

The easiest thing to do this is to create a UITapGestureRecognizer and install it into the object. That works for any UIView object.

Use the UIGestureRecognizer method initWithTarget:action: to initialize the gesture recognizer, and the UIView method addGestureRecognizer to add the recognizer to the view.

Thanks again for your solution! I read more about this but I'm having the following question:

How do I connect the image with the method UITapGestureRecognizer?

BrianSlick · 12-09-2011, 04:15 PM

Quote:

Originally Posted by BrightMedia

I see. Well, I am using translucent background in these images. What I found out is that the button will ignore translucent backgrounds and make them white instead, and also give the image (that i am using as background in this button) a rectangular shape.

Not true at all.

**baja_yu** · 12-09-2011, 04:15 PM

Quote:

Originally Posted by BrightMedia

I see. Well, I am using translucent background in these images. What I found out is that the button will ignore translucent backgrounds and make them white instead, and also give the image (that i am using as background in this button) a rectangular shape.

It wont. You can set your image as the button's image and it will be fine. Just set the type to Custom.

BrightMedia · 12-09-2011, 04:46 PM

Quote:

Originally Posted by baja_yu

It wont. You can set your image as the button's image and it will be fine. Just set the type to Custom.

It worked, thanks a lot everybody!

Duncan C · 12-09-2011, 08:06 PM

Quote:

Originally Posted by BrightMedia

Thanks again for your solution! I read more about this but I'm having the following question:

How do I connect the image with the method UITapGestureRecognizer?

I should have read your original post more carefully. A custom button is an easier way to do this, for sure.

Knowing how to use a gesture recognizer is good too. In order to present an image on the screen, you usually put it in a UIImageView.

You would attach the gesture recognizer to the image view. you can make labels and other things clickable that way, which can be handy.