Question

是否可以让UISegmentedControl跨越iPhone上的两行？我已经在一些应用程序中看到了这一点，但没有在文档中找到我需要的东西。也许它是一个定制的UIButton，看起来像UISegmentedControl。

Answer 1

我也在寻找这个。

我甚至希望第二行看起来像第一行的一部分，更像是网格。只能找到使用第二个UISegmentedControl，并将其与另一个技巧相结合，以处理不必要的圆边。

在我的实现中，我继承自UIControl（继承自UIView），添加了2个UISegmentControls，2个UIViews来剪切边缘并使它们看起来像一个。

此外，我做了一些调整，将文本字段视觉设置回中心。

水平轻松扩展，只需少量努力就可以添加第三行......行。

标题：

//  YHSegmentedGridControl.h
#import <UIKit/UIKit.h>

@interface YHSegmentedGridControl : UIControl{
    UISegmentedControl *a,*b;
    UIView *va,*vb;
}

- (void)setSelectedSegmentIndex:(NSInteger)index;
- (NSInteger)selectedSegmentIndex;

@end

在.m文件中：

//  YHSegmentedGridControl.m
//  UITestSegment2D
//  Created by Yh on 22/04/13.

#import "YHSegmentedGridControl.h"

@implementation YHSegmentedGridControl

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code

        [self initWithDefaults];
    }
    return self;
}

实际工作：

-(void) initWithDefaults{
    a = [[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObjects: @"1", @"2", nil]];
    b = [[UISegmentedControl alloc] initWithItems:[NSArray arrayWithObjects: @"3", @"4", nil]];

    float e = 75;
    int d = (int)e/7;

    [a setFrame:CGRectMake(0, 0, 2*e, e+2*d)];
    [b setFrame:CGRectMake(0, -2*d, 2*e, e+2*d)];

    [a setContentOffset:CGSizeMake(0, -d) forSegmentAtIndex:0];
    [a setContentOffset:CGSizeMake(0, -d) forSegmentAtIndex:1];
    [b setContentOffset:CGSizeMake(0, +d) forSegmentAtIndex:0];
    [b setContentOffset:CGSizeMake(0, +d) forSegmentAtIndex:1];

    [a addTarget:self
          action:@selector(pickOne:)
forControlEvents:UIControlEventValueChanged];
    [b addTarget:self
          action:@selector(pickOne:)
forControlEvents:UIControlEventValueChanged];

    va = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 2*e, e)];
    vb = [[UIView alloc] initWithFrame:CGRectMake(0, e, 2*e, e)];

    [va setClipsToBounds:YES];
    [vb setClipsToBounds:YES];

    [self setFrame:CGRectMake(0,0,2*e,2*e)];

    [va addSubview:a];
    [vb addSubview:b];

    [self addSubview:va];
    [self addSubview:vb];
}

- (void)setSelectedSegmentIndex:(NSInteger)index{
    if(index == UISegmentedControlNoSegment){
        [a setSelectedSegmentIndex:UISegmentedControlNoSegment];
        [b setSelectedSegmentIndex:UISegmentedControlNoSegment];
    } else if(index < a.numberOfSegments){
        [a setSelectedSegmentIndex:index];
        [b setSelectedSegmentIndex:UISegmentedControlNoSegment];
    } else if(index < ( a.numberOfSegments + b.numberOfSegments )){
        [b setSelectedSegmentIndex:(index - a.numberOfSegments)];
        [a setSelectedSegmentIndex:UISegmentedControlNoSegment];
    }else
        NSLog(@"No such segment: index to high");
}


- (NSInteger)selectedSegmentIndex{
    if(a.selectedSegmentIndex != UISegmentedControlNoSegment)
        return a.selectedSegmentIndex;
    else if(b.selectedSegmentIndex != UISegmentedControlNoSegment)
        return b.selectedSegmentIndex + a.numberOfSegments;
    else
        return UISegmentedControlNoSegment;
    return 0;
}

- (void)pickOne:(id)sender{
    if(sender == a)
        [b setSelectedSegmentIndex:UISegmentedControlNoSegment];
    if(sender == b)
        [a setSelectedSegmentIndex:UISegmentedControlNoSegment];
    //notify
    [self sendActionsForControlEvents:UIControlEventValueChanged];
}

@end

Answer 2

使用标准UISegmentedControl是不可能的 - 您必须自己绘制它。

两行UISegmentedControl

2 个答案: