UISegmentedControl 分段控件－IOS开发

中关村村草

UISegmentedControl 分段控件－IOS开发

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

一、创建

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

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

1. 01.mySegmentedControl setWidth:100 forSegmentAtIndex:0];//设置Item的宽度  
   
2. 复制代码

复制代码

二、属性

1. 01.mySegmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;//风格  
   
2. 复制代码

复制代码

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

1. 01.typedef enum {  
   
2. 
   
3. 02.    UISegmentedControlStylePlain,     // large plain 有灰边的大白按钮，适合偏好设置单元  
   
4. 
   
5. 03.    UISegmentedControlStyleBordered,  // large bordered 黑边的大白按钮，适用于表格单元  
   
6. 
   
7. 04.    UISegmentedControlStyleBar,       // small button/nav bar style. tintable 小按钮，适合导航栏  
   
8. 
   
9. 05.    UISegmentedControlStyleBezeled,   // large bezeled style. tintable  
   
10. 
    
11. 06.} UISegmentedControlStyle;  
    
12. 复制代码

复制代码

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

1. 01.UIColor *myTint = [[ UIColor alloc]initWithRed:0.66 green:1.0 blue:0.77 alpha:1.0];  
   
2. 
   
3. 02.   mySegmentedControl.tintColor = myTint;  
   
4. 复制代码

复制代码

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

1. 01.[mySegmentedControl insertSegmentWithTitle:@"First" atIndex:0 animated:YES];  
   
2. 
   
3. 02.    [mySegmentedControl insertSegmentWithTitle:@"Second" atIndex:2 animated:YES];  
   
4. 复制代码

复制代码

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

1. 01.[mySegmentedControl insertSegmentWithImage:[UIImage imageNamed:@"pic"]  atIndex:3 animated:YES];  
   
2. 复制代码

复制代码

删除片段

1. 01.[mySegmentedControl removeSegmentAtIndex:0 animated:YES];//删除一个片段  
   
2. 
   
3. 02.    [mySegmentedControl removeAllSegments];//删除所有片段  
   
4. 复制代码

复制代码

四、片段标题

1. 01.[mySegmentedControl setTitle:@"ZERO" forSegmentAtIndex:0];//设置标题  
   
2. 
   
3. 02.    NSString* myTitle = [mySegmentedControl titleForSegmentAtIndex:1];//读取标题  
   
4. 复制代码

复制代码

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

1. 01.[mySegmentedControl setImage:[UIImage imageNamed:@"pic"] forSegmentAtIndex:1];//设置  
   
2. 
   
3. 02.    UIImage* myImage = [mySegmentedControl imageForSegmentAtIndex:2];//读取  
   
4. 复制代码

复制代码

注意：图像不会自动调整大小，图片多大就会原生地显示多大，所以你要通知做图的美工大小要精确。
六、选中分段分段控件的默认行为是，一旦按钮被选中就一直保持，直到另外一个按钮被选中为止。你可以改变这种默认的行为，变成按钮按下后很快就自动释放。将控件的momentary属性设为YES：

1. 01.mySegmentedControl.momentary = YES;  
   
2. 复制代码

复制代码

注意：开启这个功能后点触片段不会更新 selectedSegmentedIndex，因此也就无法通过这个属性得到当前选取的片段。初始化默认片段默认情况下，除非你指定，否则不会有任何片段被选中。要设置 selectedSegmentedIndex 属性：

1. 01.mySegmentedControl.selectedSegmentedIndex = 0;  
   
2. 复制代码

复制代码

七、显示控件

1. 01.[parentView addSubview:mySegmentedControl];//添加到父视图  
   
2. 
   
3. 02.   或  
   
4. 
   
5. 03.   self.navigationItem.titleView = mySegmentedControl;//添加到导航栏  
   
6. 复制代码

复制代码

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

1. 01.int x = mySegmentedControl. selectedSegmentedIndex;  
   
2. 复制代码

复制代码

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

1. 01.[mySegmentedControl addTarget:self action:@selector(selected:) forControlEvents:UIControlEventValueChanged];  
   
2. 复制代码

复制代码

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

1. 01.-(void)selected:(id)sender{  
   
2. 
   
3. 02.    UISegmentedControl* control = (UISegmentedControl*)sender;  
   
4. 
   
5. 03.    switch (control.selectedSegmentIndex) {  
   
6. 
   
7. 04.        case 0:  
   
8. 
   
9. 05.            //  
   
10. 
    
11. 06.            break;  
    
12. 
    
13. 07.        case 1:  
    
14. 
    
15. 08.            //  
    
16. 
    
17. 09.            break;  
    
18. 
    
19. 10.        case 2:  
    
20. 
    
21. 11.            //  
    
22. 
    
23. 12.            break;  
    
24. 
    
25. 13.              
    
26. 
    
27. 14.        default:  
    
28. 
    
29. 15.            break;  
    
30. 
    
31. 16.    }  
    
32. 
    
33. 17.}  
    
34. 复制代码

复制代码

十、Demo最后附上我边写文章，边测试用的Demo：[url=http://download.csdn.net/detail/iukey/4099644][/url]

我是软件狂

谢谢分享

liangmian1

不错的控件教程

bokezyyx

真心赞的控件知识分享