UISegmentedControl详解

#import "SegmentedControlTestViewController.h"  
    @implementation SegmentedControlTestViewController  
    @synthesize segmentedControl;  
      
    /**************************************** 
     Tasks 
    Initializing a Segmented Control 
     – initWithItems:   
    Managing Segment Content 
     – setImage:forSegmentAtIndex:   
     – imageForSegmentAtIndex:   
     – setTitle:forSegmentAtIndex:   
     – titleForSegmentAtIndex:   
    Managing Segments 
     – insertSegmentWithImage:atIndex:animated:   
     – insertSegmentWithTitle:atIndex:animated:   
     numberOfSegments  property   
     – removeAllSegments   
     – removeSegmentAtIndex:animated:   
     selectedSegmentIndex  property   
    Managing Segment Behavior and Appearance 
     momentary  property   
     segmentedControlStyle  property   
     tintColor  property   
     – setEnabled:forSegmentAtIndex:   
     – isEnabledForSegmentAtIndex:   
     – setContentOffset:forSegmentAtIndex:   
     – contentOffsetForSegmentAtIndex:   
     – setWidth:forSegmentAtIndex:   
     – widthForSegmentAtIndex:   
    *********************************************/  
    // Implement viewDidLoad to do additional setup after loading the view, typically from a nib.  
    - (void)viewDidLoad {  
        NSArray *segmentedArray = [[NSArray alloc]initWithObjects:@"1",@"2",@"3",@"4",nil];  
        //初始化UISegmentedControl  
        UISegmentedControl *segmentedTemp = [[UISegmentedControl alloc]initWithItems:segmentedArray];  
        segmentedControl = segmentedTemp;  
        segmentedControl.frame = CGRectMake(60.0, 10.0, 200.0, 50.0);  
          
        [segmentedControl setTitle:@"two" forSegmentAtIndex:1];//设置指定索引的题目  
        [segmentedControl setImage:[UIImage imageNamed:@"lan.png"] forSegmentAtIndex:3];//设置指定索引的图片  
        [segmentedControl insertSegmentWithImage:[UIImage imageNamed:@"mei.png"] atIndex:2 animated:NO];//在指定索引插入一个选项并设置图片  
        [segmentedControl insertSegmentWithTitle:@"insert" atIndex:3 animated:NO];//在指定索引插入一个选项并设置题目  
        [segmentedControl removeSegmentAtIndex:0 animated:NO];//移除指定索引的选项  
        [segmentedControl setWidth:70.0 forSegmentAtIndex:2];//设置指定索引选项的宽度  
        [segmentedControl setContentOffset:CGSizeMake(10.0,10.0) forSegmentAtIndex:1];//设置选项中图片等的左上角的位置  
          
        //获取指定索引选项的图片imageForSegmentAtIndex：  
        UIImageView *imageForSegmentAtIndex = [[UIImageView alloc]initWithImage:[segmentedControl imageForSegmentAtIndex:1]];  
        imageForSegmentAtIndex.frame = CGRectMake(60.0, 100.0, 30.0, 30.0);  
          
        //获取指定索引选项的标题titleForSegmentAtIndex  
        UILabel *titleForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(100.0, 100.0, 30.0, 30.0)];  
        titleForSegmentAtIndex.text = [segmentedControl titleForSegmentAtIndex:0];  
          
        //获取总选项数segmentedControl.numberOfSegments  
        UILabel *numberOfSegments = [[UILabel alloc]initWithFrame:CGRectMake(140.0, 100.0, 30.0, 30.0)];  
        numberOfSegments.text = [NSString stringWithFormat:@"%d",segmentedControl.numberOfSegments];  
          
        //获取指定索引选项的宽度widthForSegmentAtIndex：  
        UILabel *widthForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(180.0, 100.0, 70.0, 30.0)];  
        widthForSegmentAtIndex.text = [NSString stringWithFormat:@"%f",[segmentedControl widthForSegmentAtIndex:2]];  
          
        segmentedControl.selectedSegmentIndex = 2;//设置默认选择项索引  
        segmentedControl.tintColor = [UIColor redColor];  
        segmentedControl.segmentedControlStyle = UISegmentedControlStylePlain;//设置样式  
        segmentedControl.momentary = YES;//设置在点击后是否恢复原样  
          
        [segmentedControl setEnabled:NO forSegmentAtIndex:4];//设置指定索引选项不可选  
        BOOL enableFlag = [segmentedControl isEnabledForSegmentAtIndex:4];//判断指定索引选项是否可选  
        NSLog(@"%d",enableFlag);  
          
        [self.view addSubview:widthForSegmentAtIndex];  
        [self.view addSubview:numberOfSegments];  
        [self.view addSubview:titleForSegmentAtIndex];  
        [self.view addSubview:imageForSegmentAtIndex];  
        [self.view addSubview:segmentedControl];  
          
        [widthForSegmentAtIndex release];  
        [numberOfSegments release];  
        [titleForSegmentAtIndex release];  
        [segmentedTemp release];  
        [imageForSegmentAtIndex release];  
          
        //移除所有选项  
        //[segmentedControl removeAllSegments];  
        [super viewDidLoad];  
    }  
      
    /* 
    // Override to allow orientations other than the default portrait orientation. 
    - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation { 
        // Return YES for supported orientations 
        return (interfaceOrientation == UIInterfaceOrientationPortrait); 
    } 
    */  
    - (void)didReceiveMemoryWarning {  
        // Releases the view if it doesn't have a superview.  
        [super didReceiveMemoryWarning];  
          
        // Release any cached data, images, etc that aren't in use.  
    }  
    - (void)viewDidUnload {  
        // Release any retained subviews of the main view.  
        // e.g. self.myOutlet = nil;  
    }  
      
    - (void)dealloc {  
        [segmentedControl release];  
        [super dealloc];  
    }  
    @end

UISegmentedControl分段按钮的使用  

2011-08-02 18:01:27|  分类： IOS|字号 订阅

文章来源：http://blog.sealyu.com/2011/01/01/uisegmentedcontrol%E5%88%86%E6%AE%B5%E6%8C%89%E9%92%AE%E7%9A%84%E4%BD%BF%E7%94%A8-%E9%83%9D%E6%97%AD/

实现如下代码：

- (void)viewDidLoad {
[super viewDidLoad];
segmentedControl=[[UISegmentedControl alloc] initWithFrame:CGRectMake(80.0f, 8.0f, 70.0f, 25.0f) ];
[segmentedControl insertSegmentWithTitle:@"T+" atIndex:0 animated:YES];
[segmentedControl insertSegmentWithTitle:@"T-" atIndex:1 animated:YES];
segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;
segmentedControl.momentary = YES;
segmentedControl.multipleTouchEnabled=NO;
[segmentedControl addTarget:self action:@selector(Selectbutton:) forControlEvents:UIControlEventValueChanged];
UIBarButtonItem *segButton = [[UIBarButtonItem alloc] initWithCustomView:segmentedControl];
[segmentedControl release];
self.navigationItem.rightBarButtonItem = segButton;
[segButton release];

}

-(void)Selectbutton:(int)sender{
UISegmentedControl *myUISegmentedControl=(UISegmentedControl *)sender;
NSLog(@”!!!!!!!!%d”,myUISegmentedControl.selectedSegmentIndex);
switch (myUISegmentedControl.selectedSegmentIndex) {
case 1:
break;
case 0:
break;
default:
break;
}
}

segmentedControl 中的字体也是可以改动的，代码如下：

-(void)ChangeSegmentFont:(UIView *)aView
{
if ([aView isKindOfClass:[UILabel class]]) {
UILabel *lb = (UILabel    *)aView;
[lb setTextAlignment:UITextAlignmentCenter];
[lb setFrame:CGRectMake(0, 0, 40, 25)];
[lb setFont:[UIFont systemFontOfSize:１２]];
}
NSArray *na = [aView subviews];
NSEnumerator *ne = [na objectEnumerator];
UIView *subView;
while (subView = [ne nextObject]) {
[self ChangeSegmentFont:subView];
}
}

在需要调用此方法的地方

[self ChangeSegmentFont:UISegmentedControl的对象];

即可

当用户输入不仅仅是布尔值时，可使用分段控件（UISegmentedControl）。分段控件提供一栏按钮（有时称为按钮栏），但只能激活其中一个按钮。分段控件会导致用户在屏幕上看到的内容发生变化。它们常用于在不同类别的信息之间选择，或在不同的应用屏幕之间切换。下面介绍基本属性和基本方法的使用。

[代码]c#/cpp/oc代码：

1NSArray *segmentedArray = [[NSArrayalloc]initWithObjects:@"1",@"2",@"3",@"4",nil]; 

2    //初始化UISegmentedControl 

3    UISegmentedControl *segmentedControl = [[UISegmentedControlalloc]initWithItems:segmentedArray]; 

4    segmentedControl.frame = CGRectMake(20.0, 20.0, 250.0, 50.0); 

5    segmentedControl.selectedSegmentIndex = 2;//设置默认选择项索引 

6    segmentedControl.tintColor = [UIColor redColor]; 

7　　//有基本四种样式

8    segmentedControl.segmentedControlStyle = UISegmentedControlStylePlain;//设置样式

[代码]c#/cpp/oc代码：

1//segmentedControl.segmentedControlStyle = UISegmentedControlStyleBordered;//设置样式

[代码]c#/cpp/oc代码：

1//segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;//设置样式

[代码]c#/cpp/oc代码：

1//segmentedControl.segmentedControlStyle = UISegmentedControlStyleBezeled;//设置样式

[代码]c#/cpp/oc代码：

1//  segmentedControl.momentary = YES;//设置在点击后是否恢复原样    

2    [segmentedControl setTitle:@"two" forSegmentAtIndex:1];//设置指定索引的题目

[代码]c#/cpp/oc代码：

1[segmentedControl setImage:[UIImage imageNamed:@"btn_jyy.png"] forSegmentAtIndex:3];//设置指定索引的图片

[代码]c#/cpp/oc代码：

1[segmentedControl insertSegmentWithImage:[UIImage imageNamed:@"mei.png"] atIndex:2 animated:NO];//在指定索引插入一个选项并设置图片

[代码]c#/cpp/oc代码：

1[segmentedControl insertSegmentWithTitle:@"insert" atIndex:3 animated:NO];//在指定索引插入一个选项并设置题目

[代码]c#/cpp/oc代码：

1[segmentedControl removeSegmentAtIndex:0 animated:NO];//移除指定索引的选项

[代码]c#/cpp/oc代码：

01//   [segmentedControl setWidth:70.0 forSegmentAtIndex:2];//设置指定索引选项的宽度 

02 //   [segmentedControl setContentOffset:CGSizeMake(10.0,10.0) forSegmentAtIndex:4];//设置选项中图片等的左上角的位置 

03     

04    //获取指定索引选项的图片imageForSegmentAtIndex： 

05    UIImageView *imageForSegmentAtIndex = [[UIImageViewalloc]initWithImage:[segmentedControl imageForSegmentAtIndex:1]]; 

06    imageForSegmentAtIndex.frame = CGRectMake(60.0, 120.0, 30.0, 30.0);  ;

07     

08    //获取指定索引选项的标题titleForSegmentAtIndex 

09    UILabel *titleForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(100.0, 160.0, 30.0, 30.0)]; 

10    titleForSegmentAtIndex.text = [segmentedControl titleForSegmentAtIndex:0]; 

11     

12    //获取总选项数segmentedControl.numberOfSegments 

13    UILabel *numberOfSegments = [[UILabel alloc]initWithFrame:CGRectMake(140.0, 170.0, 30.0, 30.0)]; 

14    numberOfSegments.text = [NSString stringWithFormat:@"%d",segmentedControl.numberOfSegments];

15  

16    //获取指定索引选项的宽度widthForSegmentAtIndex： 

17    UILabel *widthForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(180.0, 210.0, 70.0, 30.0)]; 

18    widthForSegmentAtIndex.text = [NSString stringWithFormat:@"%f",[segmentedControl widthForSegmentAtIndex:2]]; 

19      

20   // [segmentedControl setEnabled:NO forSegmentAtIndex:4];//设置指定索引选项不可选 

21   // BOOL enableFlag = [segmentedControl isEnabledForSegmentAtIndex:4];//判断指定索引选项是否可选 

22      [mySegmentedControladdTarget:selfaction:@selector(segmentAction:)forControlEvents:UIControlEventValueChanged]; //添加委托方法

23//具体委托方法实例  

24-(void)segmentAction:(UISegmentedControl *)Seg{

25    NSInteger Index = Seg.selectedSegmentIndex;

26    NSLog(@"Index %i", Index);

27    switch (Index) {

28        case 0:

29            [self selectmyView1];

30            break;

31        case 1:

32            [self selectmyView2];

33            break;

34        case 2:

35            [self selectmyView3];

36            break;

37        case 3:

38            [self selectmyView4];

39            break;

40        case 4:

41            [self selectmyView5];

42            break;

43        case 5:

44            [self selectmyView6];

45            break;   

46        default:

47            break;

48    }

49}

基本属性、方法如上，大家在实际开发中可根据实际需求选取适当属性和方法。

 

使用技巧：

在导航栏中添加UISegmentedControl ，实现的效果：

实现的代码：

[代码]c#/cpp/oc代码：

view source

print?

01//自定义UISegmentedcontrol

02UISegmentedControl *segmentedControl=[[UISegmentedControl alloc] initWithFrame:CGRectMake(80.0f, 8.0f, 200.0f, 30.0f) ];

03    [segmentedControl insertSegmentWithTitle:@"Food to eat" atIndex:0 animated:YES];

04    [segmentedControl insertSegmentWithTitle:@"Food to avoid" atIndex:1 animated:YES];

05    segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;

06    segmentedControl.momentary = YES;

07    segmentedControl.multipleTouchEnabled=NO;

08    [segmentedControl addTarget:self action:@selector(Selectbutton:) forControlEvents:UIControlEventValueChanged];

09    UIBarButtonItem *segButton = [[UIBarButtonItem alloc] initWithCustomView:segmentedControl]; //自定义UIBarButtonItem，封装定义好的UIsegmented。

10    [segmentedControl release];

11    self.navigationItem.rightBarButtonItem = segButton;  //添加到导航栏中

12    [segButton release];