ios学习--UISegmentedControl详解

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

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　　//有基本四种样式
   //但是这个在ios7之后，出于扁平化风格的考虑，这些style都不在有效了

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

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

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

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

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

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

[segmentedControl setImage:[UIImage imageNamed:@"btn_jyy.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];//设置指定索引选项的宽度 

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}

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

Segment的行为和外观   

segment.momentary = NO;

//默认为NO 当设置为YES时，当被选中后，一会儿后不显示被选中状态(最左边的样子)，不选中状态即下图的右边几个按钮一样

segment.segmentedControlStyle = UISegmentedControlStyleBar;

typedef enum {
   UISegmentedControlStylePlain,
   UISegmentedControlStyleBordered,
   UISegmentedControlStyleBar,
   UISegmentedControlStyleBezeled,
} UISegmentedControlStyle;

//设置样式 当为Bordered和Bar时tintColor才有效 下图为tintcolor为红色时的样子

//但是这个在ios7之后，出于扁平化风格的考虑，这些style都不在有效了

//Bar样式

//Bordered

[segment setEnabled:NO]; //设置segment是否可用 此方法是其父类UIControl的方法

[segment setEnabled:NO forSegmentAtIndex:2];//设置下标为2的segment不可用

[segment setWidth:100 forSegmentAtIndex:2]; //这时下表为2的segment的宽度

[segment setContentOffset:CGSizeMake(10, 10) forSegmentAtIndex:2];//设置内容偏移

segment.apportionsSegmentWidthsByContent = YES; //是否根据segment的内容改变segment的宽度

自定义外观

[segment setTintColor:[UIColor redColor]]; //设置segments的颜色

[segment setBackgroundImage:[UIImage imageNamed:@""] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];

typedef enum {
    UIBarMetricsDefault,  //竖屏
    UIBarMetricsLandscapePhone,  横屏
} UIBarMetrics;

//设置在某个状态下segments的背景图片

[segment setTitleTextAttributes:dic forState:UIControlStateNormal];

NSString *const UITextAttributeFont;                       value: UIFont
NSString *const UITextAttributeTextColor;                 value: UIColor
NSString *const UITextAttributeTextShadowColor;       value: UIColor
NSString *const UITextAttributeTextShadowOffset;      value: NSValue wrapping a UIOffset
    
NSDictionary *dic = [NSDictionary dictionaryWithObjectsAndKeys:[UIColor redColor],UITextAttributeTextColor,[UIFont fontWithName:@"SnellRoundhand-Bold" size:24],UITextAttributeFont ,nil];  

//设置标题的颜色 字体和大小 阴影和阴影颜色

[segment addTarget:self action:@selector(change:) forControlEvents:UIControlEventValueChanged];

//当选中不同的segment时，会执行change:方法

 

UISegmentedControl分段控件代替了桌面OS上的单选按钮。不过它的选项个数非常有限，因为你的IOS设备屏幕有限。当我们需要使用选项非常少的单选按钮时它很合适。

一、创建

UISegmentedControl*mySegmentedControl = [[UISegmentedControlalloc]initWithItems:nil];

是不是很奇怪没有指定位置和大小呢？没错，我确实在他的类声明里只找到 initWithItems 而未找到 initWithFrame ，所以他不需要指定，不过我看到了另一个方法，这个方法可以设置Item的宽度：

1. mySegmentedControl setWidth:100 forSegmentAtIndex:0];//设置Item的宽度  

 

二、属性

1. mySegmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;//风格  

可以视使用的场合，有三种风格选择，如下：

1. typedef enum {  
2.     UISegmentedControlStylePlain,     // large plain 有灰边的大白按钮，适合偏好设置单元   
3.     UISegmentedControlStyleBordered,  // large bordered 黑边的大白按钮，适用于表格单元   
4.     UISegmentedControlStyleBar,       // small button/nav bar style. tintable 小按钮，适合导航栏   
5.     UISegmentedControlStyleBezeled,   // large bezeled style. tintable   
6. } UISegmentedControlStyle;  

如果你使用的是 UISegmentedControlStyleBar 风格，还可以用空间的 tintColor 属性为整个控件设置渲染色彩：

1. UIColor *myTint = [[ UIColor alloc]initWithRed:0.66 green:1.0 blue:0.77 alpha:1.0];  
2.    mySegmentedControl.tintColor = myTint;  

三、添加、删除片段

 

每个分段控件的片段都是一个按钮，其中包含一个标签或图片。你需要在你的控件中为每个控件创建一个片段。只要屏幕放得下，就可以有许多片段，但用户同一时刻只能选择一个片段。

1. [mySegmentedControl insertSegmentWithTitle:@"First" atIndex:0 animated:YES];  
2.     [mySegmentedControl insertSegmentWithTitle:@"Second" atIndex:2 animated:YES];  

每个
按钮都被赋予一个索引，用这个索排序以及标识。
你也可以添加一个含有图像的片段，用inserSegmentWithImage

1. [mySegmentedControl insertSegmentWithImage:[UIImage imageNamed:@"pic"]  atIndex:3 animated:YES];  

删除片段

1. [mySegmentedControl removeSegmentAtIndex:0 animated:YES];//删除一个片段   
2.     [mySegmentedControl removeAllSegments];//删除所有片段  

四、片段标题

1. [mySegmentedControl setTitle:@"ZERO" forSegmentAtIndex:0];//设置标题   
2.     NSString* myTitle = [mySegmentedControl titleForSegmentAtIndex:1];//读取标题  

五、图像

 

每个分段也可以设置图像：

1. [mySegmentedControl setImage:[UIImage imageNamed:@"pic"] forSegmentAtIndex:1];//设置   
2.     UIImage* myImage = [mySegmentedControl imageForSegmentAtIndex:2];//读取  

注意：图像不会自动调整大小，图片多大就会原生地显示多大，所以你要通知做图的美工大小要精确。
六、选中分段

 

分段控件的默认行为是，一旦按钮被选中就一直保持，直到另外一个按钮被选中为止。你可以改变这种默认的行为，变成按钮按下后很快就自动释放。将控件的momentary属性设为YES：

1. mySegmentedControl.momentary = YES;  

注意：开启这个功能后点触片段不会更新 selectedSegmentedIndex，因此也就无法通过这个属性得到当前选取的片段。

 

初始化默认片段

默认情况下，除非你指定，否则不会有任何片段被选中。要设置 selectedSegmentedIndex 属性：

1. mySegmentedControl.selectedSegmentedIndex = 0;  

七、显示控件

1. [parentView addSubview:mySegmentedControl];//添加到父视图   
2.    或  
3.    self.navigationItem.titleView = mySegmentedControl;//添加到导航栏  

八、读取控件

 

通过 selectedSegmentedIndex 属性，可以读取当前选中分段的值，这个值就是选中片段的索引号。

1. int x = mySegmentedControl. selectedSegmentedIndex;  

九、通知

 

要接收片段选取的通知，可以用UIControl类的 addTarget 方法，为 UIControlEventValueChanged 事件添加一个动作：

1. [mySegmentedControl addTarget:self action:@selector(selected:) forControlEvents:UIControlEventValueChanged];  

只要选中了一个片段，你的动作方法就会被调用：

1. -(void)selected:(id)sender{  
2.     UISegmentedControl* control = (UISegmentedControl*)sender;  
3.     switch (control.selectedSegmentIndex) {  
4.         case 0:  
5.             //   
6.             break;  
7.         case 1:  
8.             //   
9.             break;  
10.         case 2:  
11.             //   
12.             break;  
13.               
14.         default:  
15.             break;  
16.     }  
17. }  

EG:  在导航栏中添加UISegmentedControl !!!

代码：

      

//自定义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];

//   [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}

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