如何计算 UISegmentedControl 段的正确宽度？

Question

我正在尝试使用 UISegmentedControl，但无法计算段的宽度。该控件使段的宽度都相同，这对于某些标题不起作用，例如：

http://morrisphotoart.com/tmp/Screenshot2011-07-13_21.17.33.png

如果我知道哪种字体并调用 setWidth:forSegmentAtIndex: 方法，我可以编写代码来计算段宽度，但我怎样才能获得字体？还是有其他方法？

左边和中间部分的标题不固定，所以我不能硬编码宽度。

Answer 1

NSArray *itemArray = [NSArray arrayWithObjects: @"Title1", @"Title2", @"Titl3", @"Title4",nil];
segmentedControl = [[UISegmentedControl alloc] initWithItems:itemArray];
segmentedControl.frame = CGRectMake(0, 0, 310, 35);
segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;
segmentedControl.selectedSegmentIndex = 0;
[segmentedControl addTarget:self action:@selector(pickOne:) forControlEvents:UIControlEventValueChanged];   
segmentedControl.tintColor=[UIColor grayColor];

for (id segment in [segmentedControl subviews]) 
{
    for (id label in [segment subviews]) 
    {
        if ([label isKindOfClass:[UILabel class]])
        {

            [label setTextAlignment:UITextAlignmentCenter];
            [label setFont:[UIFont boldSystemFontOfSize:12]];
        }
    }           
}

Answer 2

编辑：更简单的选择可能是使用@Camsoft 的answer here 中提到的iOS 5 属性apportionsSegmentWidthsByContent

---

好吧，我最终通过子视图获得了 UIFont（这可能会在未来的 iOS 中中断）。作为一个模块化/重用爱好者，我编写了这个例程来完成它，然后分配空间，以便控件中的段均匀分布于标题。

-(void)resizeSegmentsToFitTitles:(UISegmentedControl*)segCtrl {
    CGFloat totalWidths = 0;    // total of all label text widths
    NSUInteger nSegments = segCtrl.subviews.count;    
    UIView* aSegment = [segCtrl.subviews objectAtIndex:0];
    UIFont* theFont = nil;

    for (UILabel* aLabel in aSegment.subviews) {
        if ([aLabel isKindOfClass:[UILabel class]]) {
            theFont = aLabel.font;
            break;
        }
    }

    // calculate width that all the title text takes up
    for (NSUInteger i=0; i < nSegments; i++) {
        CGFloat textWidth = [[segCtrl titleForSegmentAtIndex:i] sizeWithFont:theFont].width;
        totalWidths += textWidth;
    }

    // width not used up by text, its the space between labels
    CGFloat spaceWidth = segCtrl.bounds.size.width - totalWidths;   

    // now resize the segments to accomodate text size plus 
    // give them each an equal part of the leftover space
    for (NSUInteger i=0; i < nSegments; i++) {
        // size for label width plus an equal share of the space
        CGFloat textWidth = [[segCtrl titleForSegmentAtIndex:i] sizeWithFont:theFont].width;
        // roundf??  the control leaves 1 pixel gap between segments if width 
        // is not an integer value, the roundf fixes this
        CGFloat segWidth = roundf(textWidth + (spaceWidth / nSegments));    
        [segCtrl setWidth:segWidth forSegmentAtIndex:i];
    }
}

Answer 3

如果您可以支持 iOS 5 及更高版本，则可以使用属性 apportionsSegmentWidthsByContent 并将其设置为 YES。

来自 iOS 5 docs:

apportionsSegmentWidthsByContent

表示控件是否 尝试根据内容宽度调整段宽度。

@property(nonatomic) BOOL apportionsSegmentWidthsByContent

讨论

如果该属性的值为YES，对于宽度值为 为 0，控件尝试根据其调整段宽度 内容宽度。

Answer 4

iOS 7.1.1 友好。我们只计算了 UISegmentedControl 新的帧大小，其余的（段比例）将由 iOS 解决（基于 apportionsSegmentWidthsByContent）。

请注意，如果启用自动布局，这将不起作用。

void styleSegment_fitTitles(UISegmentedControl *segCtrl) {

    // Fit segments' titles
    [segCtrl sizeToFit];

    CGFloat em = font.pointSize;
    CGRect segCtrlRect = segCtrl.bounds;
    CGFloat segCtrlWidth = segCtrlRect.size.width + segCtrl.numberOfSegments*em;
    CGFloat segCtrlHeight = segCtrlRect.size.height + em;
    CGFloat segmentY = segCtrl.frame.origin.y - (segCtrlHeight - segCtrlRect.size.height)/2;
    segCtrl.frame = CGRectMake(segCtrl.frame.origin.x, segmentY, segCtrlWidth, segCtrlHeight);
}