31

I thought to be clever and just put an transparent UIButton over an UIImageView with the exact frame size, so that I can wire it up easily with any event I like, for example TouchUpInside, and make it call a action method of an view controller when the user touches it. Well, it works until alpha is below 0.1f. If I do 0.01f, it will not work. So to get it work, when looking a long time on the screen, you'll see that 0.1f of alpha shining through. And that's totally disgusting ;)

It seems like iPhone OS trys to be clever and won't catch events on the button if it's visually not there. Any idea how to solve that?

Sure I could make a subclass of UIImageView and implement touchesBegan:... etc., but it doesn't feel really elegant. I mean...when I want to hyperlink an image on the web, I would never want create my own HTML element for that image, just to wire it up to an url when it's clicked. That just doesn't make a lot of sense to me.

11 Answers 11

46

You should be able to set the button's 'Type' to Custom in Interface Builder, and it will not display any text or graphical elements over the UIImageView. This way, you don't need to adjust the alpha. If the view is built from code, use:

button = [UIButton buttonWithType:UIButtonTypeCustom];
6
  • 1
    Perfect! I had UIButtonTypeRoundedRect. Now I don't need alpha. Great stuff!
    – Thanks
    May 27, 2009 at 13:08
  • I get the following error when setting to UIButtonTypeCustom: "object cannot be set - either readonly property or no setter found" Mar 17, 2010 at 18:08
  • Updated answer; the property used to be readwrite back in 2009.
    – Jason
    Apr 11, 2011 at 10:20
  • 2
    @Jason: The iOS SDK must have changed again, as I am able to set a button's type to Custom, and it works perfectly for this scenario -- the button displays no content (i.e. is invisible) and still captures events.
    – Alan
    Oct 24, 2011 at 17:56
  • @Alan - just used this as well. Works great. Mar 5, 2013 at 0:42
5

In addition to UIButtonTypeCustom, I set the button text colors to the following:

[button setTitleColor:[UIColor clearColor] forState:UIControlStateNormal];
[button setTitleShadowColor:[UIColor clearColor] forState:UIControlStateNormal];
[button setTitleColor:[UIColor clearColor] forState:UIControlStateHighlighted];
[button setTitleShadowColor:[UIColor clearColor] forState:UIControlStateHighlighted];
2
  • This worked for me. I had a ImageView and I wanted to get messages when the image was pressed.
    – netskink
    Mar 20, 2016 at 13:44
  • How about setting the text: [button setTitle:@"" forState: UIControlStateNormal];? May 13, 2016 at 4:39
4

The best way of doing this is:

myButton.hidden = YES;

You can't use the buttonType property because it is a read only property. Only way to use it is when creating your button dynamically.

1
  • + 1 This is what i was looking for, works like a charm!
    – Pramesh
    Jan 29, 2014 at 16:44
2

i also beleive you can assign an image to a button.

The image can take up the entire frame and can also have no other artifacts of the buttone if you set it up right.

check out the Property

UIButtonInstance.currentImage

That way you are not hogging your resources with elements that are essentially already there.

2
  • Would be an option too. I will try that.
    – Thanks
    May 27, 2009 at 13:09
  • currentImage is readonly. But there is an [button setImage:image forState:UIControlStateNormal]; method. Only "bad" thing about it is, that it seems like if I had to provide an image for every state ;) ...maybe it will just pick that image for all states, if I dont provide another one. I'll try.
    – Thanks
    May 27, 2009 at 13:14
2

You can hide a button (or any object) and keep it active by adding a mask to its layer. The button will be invisible but will still catch events.

let layer = CAShapeLayer()
layer.frame = .zero
myButton.layer.mask = layer
0

Jasons answer above is nearly correct, but setting the button type is not possible. So to programmatically create an empty button, use this code:

UIButton* myButton = [UIButton buttonWithType:UIButtonTypeCustom];
myButton.frame=frame;
[self.view addSubview:myButton];
0

This is what i did but with using a subclass of UIButton which i later found out should not be subclassed as per the net. My subclass was called Points

Points *mypoint=[Points buttonWithType:UIButtonTypeCustom];

then if you have an image you want to add to the button : [mypoint setImage:imageNamed:@"myimage"] forstate: UIControlStateNormal];

if you dont add this image then the button will be invisible to the user but should respond to touch. Thats how i created a hotspot on my imageView inorder to have it respond to user interaction.

0

It's the only way I found...

[yourButton setImage:[UIImage imageNamed:@"AnEmptyButtonWithTheSameSize.png"] forState:UIControlStateNormal];

Take care of the image. It must be .png

1
  • 1
    setBackgroundImage:forState: would be a better approach if you are going that way. Sep 21, 2012 at 23:53
0

Custom UIButtons respond to user interactions unless their alpha is set to 0. Put a custom UIButton on top of your imageView and connect to buttonPressed action. I have also set an additional highlighted image for my UIView, now it really behaves like a UIButton. First I have defined a duration for the UIView for staying highlighted:

#define HIGHLIGHTED_DURATION 0.1 

Then set the image view highlighted if the button is pressed and start a timer to keep it highlighted for that duration. Do not forget to set the highlighted image for your imageview.

- (IBAction)buttonPressed:(id)sender {

[_yourImageView setHighlighted:YES];
_timer = [NSTimer scheduledTimerWithTimeInterval:HIGHLIGHTED_DURATION
                                          target:self
                                        selector:@selector(removeHighlighted)
                                        userInfo:nil
                                         repeats:NO];
}

And simply undo highlighting when the timer finishes:

-(void) removeHighlighted{
    _yourImageView.highlighted = NO;

}
0

lazyImageView = [[UIImageView alloc] init];

                        button=[[UIButton alloc]init];
                        [UIButton buttonWithType:UIButtonTypeRoundedRect];
                        [button addTarget:self
                                   action:@selector(aMethodForVideo:)
                         forControlEvents:UIControlEventTouchUpInside];
                        [button setBackgroundImage:[UIImage    imageNamed:@"BackTransparent.png"] forState:UIControlStateHighlighted];
                        [button setTitle:@"" forState:UIControlStateNormal];

                                lazyImageView.frame=CGRectMake(x, y, w, h);
                                button.frame=CGRectMake(x, y, w, h);

Set frame of button and Image both have same frame .I use this code and working fine.Also set button background image forState:UIControlStateHighlighted so when you click on that when you see the click effect.

0

I managed to do it using the following code. If the iPad is landscape the button will be located in the top right of the screen.

    UIButton *adminButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    adminButton.frame = CGRectMake(974.0f, 0.0f, 50.0f, 50.0f);
    [adminButton setBackgroundColor:[UIColor clearColor]];
    [adminButton setTag:1];
    [adminButton addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];

    [self.view addSubview:adminButton];

Pressing the 'adminButton' will run the following function:

- (void)buttonPressed:(id)sender  {

int buttonId = ((UIButton *)sender).tag;

  switch(buttonId) {
    case 1:
       NSLog (@"Admin button was pressed");
        break;
    case 2:
        //if there was a button with Tag 2 this will be called
        break;

    default:
        NSLog(@"Key pressed: %i", buttonId);
        break;
   }

}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.