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代码：

1 NSArray *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代码：

01 //自定义UISegmentedcontrol
02 UISegmentedControl *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];