Search code examples
objective-ccocoa-touchuisegmentedcontrolios7

UISegmentedControl setImage: Bug in iOS7


I have a UISegmentedControl in my app. As of iOS7 GM, the images I use are not showing up when run on iOS7 devices. Anyone else having this problem?

Here's what it looks like in iOS6.1 and earlieriOS6-ScreenShot .

and here is what it looks like in iOS7iOS7-ScreenShot .

Here is the code:

self.theSegmentedControl.frame = CGRectMake(self.theSegmentedControl.frame.origin.x, self.theSegmentedControl.frame.origin.y, 320, 35);
[self.theSegmentedControl setBackgroundImage:[UIImage imageNamed:@"img_toggleInactive"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
[self.theSegmentedControl setImage:[UIImage imageNamed:@"btn_onceActive"] forSegmentAtIndex:0];
[self.theSegmentedControl setImage:[UIImage imageNamed:@"btn_recurringInactive"] forSegmentAtIndex:1];
[self.theSegmentedControl setImage:[UIImage imageNamed:@"btn_scheduledInactive"] forSegmentAtIndex:2];
[self.theSegmentedControl setDividerImage:[UIImage imageNamed:@"separator"] forLeftSegmentState:UIControlStateNormal rightSegmentState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

Has anyone found a workaround to this?


Solution

  • Woohoo! Here's the workaround:

    //Add clear color to mask any bits of a selection state that the object might show around the images
    self.theSegmentedControl.tintColor = [UIColor clearColor];
    
    UIImage *onceActive;
    UIImage *recurringActive;
    UIImage *scheduledActive;
    UIImage *separator;
    
    //Setting imageWithRenderingMode: to imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal for iOS7 is key
    if ([UIImage instancesRespondToSelector:@selector(imageWithRenderingMode:)]) {
        onceActive = [[UIImage imageNamed:@"btn_onceActive"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        recurringActive = [[UIImage imageNamed:@"btn_recurringInactive"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        scheduledActive = [[UIImage imageNamed:@"btn_scheduledInactive"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        separator = [[UIImage imageNamed:@"separator"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    
    }
    else {
        onceActive = [UIImage imageNamed:@"btn_onceActive"];
        recurringActive = [UIImage imageNamed:@"btn_recurringInactive"];
        scheduledActive = [UIImage imageNamed:@"btn_scheduledInactive"];
        separator = [UIImage imageNamed:@"separator"];
    }
    
    
    [self.theSegmentedControl setImage:onceActive forSegmentAtIndex:0];
    [self.theSegmentedControl setImage:recurringActive forSegmentAtIndex:1];
    [self.theSegmentedControl setImage:scheduledActive forSegmentAtIndex:2];
    [self.theSegmentedControl setDividerImage:separator forLeftSegmentState:UIControlStateNormal rightSegmentState:UIControlStateNormal barMetrics:UIBarMetricsDefault];