UISegmentedControl分段控件使用详解

分段控件是我们常用的控件之一，今天把具体用法总结了下：

初始化UISegmentedControl

1.     NSArray *segmentedArray = [[NSArray alloc]initWithObjects:@"1",@"2",@"3",nil];
   
2.     UISegmentedControl *segmentedTemp = [[UISegmentedControl alloc]initWithItems:segmentedArray];
   
3.     self.segmentedControl = segmentedTemp;
   
4.     segmentedControl.frame = CGRectMake(10.0, 10.0, 300.0, 29.0);
   
5. 
   
6.          2.常用属性及设置方法如下：
   
7.     //设置指定索引的题目
   
8.     [segmentedControl setTitle:@"1" forSegmentAtIndex:1];
   
9.     //设置指定索引的图片
   
10.     [segmentedControl setImage:[UIImage imageNamed:@"home.png"] forSegmentAtIndex:2];
    
11.     //在指定索引插入一个选项并设置图片
    
12.     [segmentedControl insertSegmentWithImage:[UIImage imageNamed:@"more.png"] atIndex:2 animated:NO];
    
13.     //在指定索引插入一个选项并设置题目
    
14.     [segmentedControl insertSegmentWithTitle:@"new" atIndex:3 animated:NO];
    
15.     //移除指定索引的选项
    
16.     [segmentedControl removeSegmentAtIndex:0 animated:NO];
    
17.     //设置指定索引选项的宽度
    
18.     [segmentedControl setWidth:60.0 forSegmentAtIndex:2];
    
19.     //设置选项中图片等的左上角的位置
    
20.     //[segmentedControl setContentOffset:CGSizeMake(10.0,10.0) forSegmentAtIndex:1];
    
21.     
    
22.     //设置默认选择项索引
    
23.     segmentedControl.selectedSegmentIndex = 2;
    
24.     //分段控件的颜色，只有样式为UISegmentedControlStyleBar的时候才有效果
    
25.     segmentedControl.tintColor = [UIColor redColor];
    
26.     //设置样式
    
27.     segmentedControl.segmentedControlStyle = UISegmentedControlStyleBordered;
    
28.     //设置在点击后是否恢复原样
    
29.     segmentedControl.momentary = NO;
    
30.     //设置指定索引选项不可选
    
31.     [segmentedControl setEnabled:NO forSegmentAtIndex:3];
    
32.     //判断指定索引选项是否可选
    
33.     BOOL enableFlag = [segmentedControl isEnabledForSegmentAtIndex:3];
    
34.     NSLog(@"%d",enableFlag);

复制代码

分段控件点击事件：

1.     [segmentedControl addTarget:self
   
2.                          action:@selector(segmentAction:)
   
3.                forControlEvents:UIControlEventValueChanged];

复制代码

响应的事件：

1. -(void)segmentAction:(UISegmentedControl *)Seg
   
2. {
   
3.     NSInteger index = Seg.selectedSegmentIndex;
   
4.     switch (index) {
   
5.         case 0:
   
6.             NSLog(@"0 clicked.");
   
7.             break;
   
8.         case 1:
   
9.             NSLog(@"1 clicked.");
   
10.             break;
    
11.         case 2:
    
12.             NSLog(@"2 clicked.");
    
13.             break;
    
14.         case 3:
    
15.             NSLog(@"3 clicked.");
    
16.             break;
    
17.         case 4:
    
18.             NSLog(@"4 clicked.");
    
19.             break;
    
20.         default:
    
21.             break;
    
22.     }
    
23. }

复制代码

获取分段控件相应的值：

1.     //获取指定索引选项的图片imageForSegmentAtIndex：
   
2.     UIImageView *imageForSegmentAtIndex = [[UIImageView alloc]initWithImage:[segmentedControl imageForSegmentAtIndex:1]];
   
3.     imageForSegmentAtIndex.frame = CGRectMake(60.0, 100.0, 30.0, 30.0);
   
4.     
   
5.     //获取指定索引选项的标题titleForSegmentAtIndex
   
6.     UILabel *titleForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(100.0, 100.0, 30.0, 30.0)];
   
7.     titleForSegmentAtIndex.text = [segmentedControl titleForSegmentAtIndex:0];
   
8.     
   
9.     //获取总选项数segmentedControl.numberOfSegments
   
10.     UILabel *numberOfSegments = [[UILabel alloc]initWithFrame:CGRectMake(140.0, 100.0, 30.0, 30.0)];
    
11.     numberOfSegments.text = [NSString stringWithFormat:@"%d",segmentedControl.numberOfSegments];
    
12.     
    
13.     //获取指定索引选项的宽度widthForSegmentAtIndex：
    
14.     UILabel *widthForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(180.0, 100.0, 70.0, 30.0)];
    
15.     widthForSegmentAtIndex.text = [NSString stringWithFormat:@"%f",[segmentedControl widthForSegmentAtIndex:2]];

复制代码

但是这样的分段控件只有固定的几种样式。在IOS5以后，可以全局的设置一些控件的外观，分段控件就是其中一个（全局设置UISegmentedControl外观）：

1. //cap insets用来指定哪些区域是固定不变的，未制定的区域则会repeat  
   
2.   
   
3. UIImage *segmentSelected = [[UIImage imageNamed:@"bg_o.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(5, 5, 5, 5)];  
   
4.   
   
5. UIImage *segmentUnselected = [[UIImage imageNamed:@"bg.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(5, 5, 5, 5)];  
   
6.   
   
7. UIImage *segmentSelectedUnselected = [UIImage imageNamed:@"line.png"] ;  
   
8.   
   
9. UIImage *segUnselectedSelected = [UIImage imageNamed:@"line.png"] ;  
   
10.   
    
11. UIImage *segmentUnselectedUnselected = [UIImage imageNamed:@"line.png"];  
    
12.   
    
13. //Segmente未选中背景  
    
14. [[UISegmentedControl appearance] setBackgroundImage:segmentUnselected  
    
15.                                            forState:UIControlStateNormal  
    
16.                                          barMetrics:UIBarMetricsDefault];  
    
17.   
    
18. //Segmente选中背景  
    
19. [[UISegmentedControl appearance] setBackgroundImage:segmentSelected  
    
20.                                            forState:UIControlStateSelected  
    
21.                                          barMetrics:UIBarMetricsDefault];  
    
22.   
    
23. //Segmente左右都未选中时的分割线  
    
24. //BarMetrics表示navigation bar的状态，UIBarMetricsDefault 表示portrait状态（44pixel height），UIBarMetricsLandscapePhone 表示landscape状态（32pixel height）  
    
25.   
    
26. [[UISegmentedControl appearance] setDividerImage:segmentUnselectedUnselected  
    
27.                              forLeftSegmentState:UIControlStateNormal  
    
28.                                rightSegmentState:UIControlStateNormal  
    
29.                                       barMetrics:UIBarMetricsDefault];  
    
30.   
    
31. [[UISegmentedControl appearance] setDividerImage:segmentSelectedUnselected  
    
32.                              forLeftSegmentState:UIControlStateSelected  
    
33.                                rightSegmentState:UIControlStateNormal  
    
34.                                       barMetrics:UIBarMetricsDefault];  
    
35.   
    
36. [[UISegmentedControl appearance] setDividerImage:segUnselectedSelected  
    
37.                              forLeftSegmentState:UIControlStateNormal  
    
38.                                rightSegmentState:UIControlStateSelected  
    
39.                                       barMetrics:UIBarMetricsDefault];  
    
40. 
    
41. //字体  
    
42. NSDictionary *textAttibutesUnSelected = [NSDictionary dictionaryWithObjectsAndKeys:  
    
43.                                [UIFont systemFontOfSize:18],UITextAttributeFont,  
    
44.                                [UIColor blackColor],UITextAttributeTextColor,  
    
45.                                [UIColor whiteColor],UITextAttributeTextShadowColor,  
    
46.                                [NSValue valueWithCGSize:CGSizeMake(1, 1)],UITextAttributeTextShadowOffset,nil];  
    
47.   
    
48. NSDictionary *textAttibutesSelected = [NSDictionary dictionaryWithObjectsAndKeys:  
    
49.                                          [UIFont systemFontOfSize:18],UITextAttributeFont,  
    
50.                                          [UIColor whiteColor],UITextAttributeTextColor,  
    
51.                                          [UIColor whiteColor],UITextAttributeTextShadowColor,  
    
52.                                          [NSValue valueWithCGSize:CGSizeMake(0, 0)],UITextAttributeTextShadowOffset,nil];  
    
53.   
    
54. [[UISegmentedControl appearance] setTitleTextAttributes:textAttibutesUnSelected  
    
55.                                                forState:UIControlStateNormal];  
    
56.   
    
57. [[UISegmentedControl appearance] setTitleTextAttributes:textAttibutesSelected  
    
58.                                                forState:UIControlStateSelected];