UIButton ignoring contentMode when highlighted (adjustsImageWhenHighlighted)

Question

I set a UIImage for my UIButton using [myButton setImage:forState:]; and I set it's contentMode using [[myButton imageView] setContentMode:UIViewContentModeScaleAspectFit]; But when you tap the button, it goes back to UIViewContentModeScaleToFill and stretches my image out.

using adjustsImageWhenHighlighted fixes this, but then I loose the darkening effect, which I would like to keep.

Any suggestions on how to cope with this?

i have the same problem. starting to think there's no way around this... — jasongregori, Jul 28 '11 at 01:17

score 4 · Answer 1 · answered Oct 12 '11 at 10:16

UIButton *imageBtn = [UIButton ...
imageBtn.adjustsImageWhenHighlighted = NO;

[imageBtn addTarget:self action:@selector(doSomething:) forControlEvents:UIControlEventTouchUpInside];

[imageBtn addTarget:self action:@selector(doHighlighted:) forControlEvents:UIControlEventTouchDown];
[imageBtn addTarget:self action:@selector(doHighlighted:) forControlEvents:UIControlEventTouchDragEnter];
    [imageBtn addTarget:self action:@selector(doCancelHighlighted:) forControlEvents:UIControlEventTouchDragExit];

-(void)doSomething:(UIButton *)button{
    ...
    [self performSelector:@selector(doCancelHighlighted:) withObject:button afterDelay:0.2f];
}

-(void)doHighlighted:(UIButton *)button{
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(5, 5, 300, 300)];
    imageView.backgroundColor = [UIColor blackColor];
    imageView.alpha = 0.7;
    imageView.tag = 1000;
    [button addSubview:imageView];
}

-(void)doCancelHighlighted:(UIButton *)button{
    UIView *view = [button subviewWithTag:1000];
    [UIView animateWithDuration:0.2f animations:^{
        view.alpha = 0;
    } completion:^(BOOL finished) {
        [view removeFromSuperview];        
    }];
}

2 problems: 1. you never release the imageview in doHighlighted:, 2. subviewWithTag: should be viewWithTag:. Also a tip: instead of CGRectMake() in doHighlighted:, just use button.bounds; Other than that, this works fine. — vakio, Jan 03 '12 at 12:53

score 2 · Answer 2 · edited Jun 29 '11 at 11:41

my solution to this problem (maybe not efficient but it gives you an oportunity to customize the highlight effect, i think it looks better then standard one) is:

subclass UIButton of course.
add property @property (nonatomic, retain) UIView *highlightView;
method for setting image (my method, you can use different mode important to set adjustsImageWhenHighlighted property)
```
[self setImage:image forState:UIControlStateNormal];
[self setAdjustsImageWhenHighlighted:NO];
```

override setHighlighted: method like so:

\- (void)setHighlighted:(BOOL)highlighted {
    if (!highlightView) {
        self.highlightView = [[[UIView alloc] initWithFrame:self.bounds] autorelease];
        self.highlightView.backgroundColor = [UIColor darkGrayColor];
        self.highlightView.alpha = 0.0;
        [self addSubview:self.highlightView];
    }
    if (highlighted) {
        [UIView beginAnimations:@"highlight" context:nil];
        [UIView setAnimationDuration:0.2];
        highlightView.alpha = 0.5;
        [UIView commitAnimations];
    }
    else {
        [UIView beginAnimations:@"highlight" context:nil];
        [UIView setAnimationDuration:0.2];
        highlightView.alpha = 0.0;
        [UIView commitAnimations];
    }
}

This works for me, but if there is a better way, i'll be glad to get to know it.

score 0 · Answer 3 · answered Feb 27 '13 at 11:45

For some reason that happens when you set the content mode after setting the image for any state.

Make sure you set the content mode before setting the images, programatically and on InterfaceBuilder as well. To fix this on IB make sure you remove all images set for all states, set the content mode, and then put the images back again.

That fixed it for me.

UIButton ignoring contentMode when highlighted (adjustsImageWhenHighlighted)

3 Answers3