UISegmentedControll changes height when segment selected

Question

I've set the height of my UISegmentedControl in Storyboard with a constant. When I run the app - it looks fine and how I want it to look. However, as soon as I select a segment (anyone) the UiSegmentedControl changes its height to default one. If I select the current index again a few times, it returns to the height I set it to.

Can someone tell me whats going on here?

Thank you!

Edit Some code:

This method is called from viewDidLoad

    -(void)setupSegmented
{
    self.segmentedControl.tintColor = [UIColor clearColor];

    if ([UIImage instancesRespondToSelector:@selector(imageWithRenderingMode:)]) {

        /* For non Selected Segments */
            self.allInactive = [[UIImage imageNamed:@"Segment All"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
            self.auctionInactive = [[UIImage imageNamed:@"Segment Auction"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
            self.buyNowInactive = [[UIImage imageNamed:@"Segment Buy Now"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
            self.classifiedInactive = [[UIImage imageNamed:@"Segment Classified"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

        /*For selected Segments */
            self.allActive = [[UIImage imageNamed:@"Segment All Active"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
            self.auctionActive = [[UIImage imageNamed:@"Segment Auction Active"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
            self.buyNowActive = [[UIImage imageNamed:@"Segment Buy Now Active"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
            self.classifiedActive = [[UIImage imageNamed:@"Segment Classified Active"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
    }

    [self.segmentedControl setImage:self.allInactive forSegmentAtIndex:0];
    [self.segmentedControl setImage:self.auctionInactive forSegmentAtIndex:1];
    [self.segmentedControl setImage:self.buyNowInactive forSegmentAtIndex:2];
    [self.segmentedControl setImage:self.classifiedInactive forSegmentAtIndex:3];

}

Thus method is called when I tap a segment:

    - (IBAction)segmentedControlSelected:(UISegmentedControl *)sender {

    switch (sender.selectedSegmentIndex){

    case 0:
        {
            self.tradeType = @"UNSPECIFIED";
            [self.segmentedControl setImage:self.allActive forSegmentAtIndex:sender.selectedSegmentIndex];
            [self.segmentedControl setImage:self.auctionInactive forSegmentAtIndex:1];
            [self.segmentedControl setImage:self.buyNowInactive forSegmentAtIndex:2];
            [self.segmentedControl setImage:self.classifiedInactive forSegmentAtIndex:3];

            break;
        }
    case 1:
        {
            self.tradeType = @"ENGLISH_AUCTION";
            [self.segmentedControl setImage:self.auctionActive forSegmentAtIndex:sender.selectedSegmentIndex];
            [self.segmentedControl setImage:self.allInactive forSegmentAtIndex:0];
            [self.segmentedControl setImage:self.buyNowInactive forSegmentAtIndex:2];
            [self.segmentedControl setImage:self.classifiedInactive forSegmentAtIndex:3];

            break;
        }
    case 2:
        {
            self.tradeType = @"FIXED_PRICE";
            [self.segmentedControl setImage:self.buyNowActive forSegmentAtIndex:sender.selectedSegmentIndex];
            [self.segmentedControl setImage:self.allInactive forSegmentAtIndex:0];
            [self.segmentedControl setImage:self.auctionInactive forSegmentAtIndex:1];
            [self.segmentedControl setImage:self.classifiedInactive forSegmentAtIndex:3];

            break;
        }
    case 3:
        {
            self.tradeType = @"CLASSIFIED_CONTACT";
            [self.segmentedControl setImage:self.classifiedActive forSegmentAtIndex:sender.selectedSegmentIndex];
            [self.segmentedControl setImage:self.allInactive forSegmentAtIndex:0];
            [self.segmentedControl setImage:self.auctionInactive forSegmentAtIndex:1];
            [self.segmentedControl setImage:self.buyNowInactive forSegmentAtIndex:2];

            break;
        }
    }
}

Does that UISegmentedControl have any code (instantiated, etc..) or is it all SB? — Khaled Barazi, Apr 10 '14 at 12:04
The only code I have for it is setting its selected images. All images are exactly the same size. I'm using Auto Layout and iOS7 SDK. — Robert J. Clegg, Apr 10 '14 at 12:05
Added the only code related to this segmented control. Thanks! — Robert J. Clegg, Apr 10 '14 at 12:18
You need to enforce the height of the segmented control by setting the frame property in the segmentedControlSelected: method — ZeMoon, Apr 10 '14 at 12:47
How would I do that using auto layout? I believe CGRectMake does not work when auto layout is on. — Robert J. Clegg, Apr 10 '14 at 12:50
@Tander. You are right, its hard to setFrame when Autolayout is on! http://stackoverflow.com/questions/18850871/cgrectmake-is-not-working-with-uiview — Dileep, Apr 10 '14 at 12:54

score 2 · Accepted Answer · edited May 23 '17 at 12:05

2

I found the solution in this SO answer: Change Height of UISegmentedControl

I had to force the new height in -(void)viewDidLayoutSubViews as its called every time UISegmentedControl is tapped.

edited May 23 '17 at 12:05

Community

1
1

answered Apr 14 '14 at 07:31

Robert J. Clegg

7,231
9
47
99

UISegmentedControll changes height when segment selected

1 Answers1