当用户输入不仅仅是布尔值时,可使用分段控件(UISegmentedControl)。分段控件提供一栏按钮(有时称为按钮栏),但只能激活其中一个按钮。分段控件会导致用户在屏幕上看到的内容发生变化。它们常用于在不同类别的信息之间选择,或在不同的应用屏幕之间切换。下面介绍基本属性和基本方法的使用.
NSArray *segmentedArray = [[NSArrayalloc]initWithObjects: @"1" , @"2" , @"3" , @"4" ,nil]; |
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]; |
8 | segmentedControl.segmentedControlStyle = UISegmentedControlStylePlain; |
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]; |
05 | UIImageView *imageForSegmentAtIndex = [[UIImageViewalloc]initWithImage:[segmentedControl imageForSegmentAtIndex:1]]; |
06 | imageForSegmentAtIndex.frame = CGRectMake(60.0, 120.0, 30.0, 30.0); ; |
09 | UILabel *titleForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(100.0, 160.0, 30.0, 30.0)]; |
10 | titleForSegmentAtIndex.text = [segmentedControl titleForSegmentAtIndex:0]; |
13 | UILabel *numberOfSegments = [[UILabel alloc]initWithFrame:CGRectMake(140.0, 170.0, 30.0, 30.0)]; |
14 | numberOfSegments.text = [NSString stringWithFormat: @"%d" ,segmentedControl.numberOfSegments]; |
17 | UILabel *widthForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(180.0, 210.0, 70.0, 30.0)]; |
18 | widthForSegmentAtIndex.text = [NSString stringWithFormat: @"%f" ,[segmentedControl widthForSegmentAtIndex:2]]; |
22 | [mySegmentedControladdTarget:selfaction:@selector(segmentAction:)forControlEvents:UIControlEventValueChanged]; |
24 | -( void )segmentAction:(UISegmentedControl *)Seg{ |
25 | NSInteger Index = Seg.selectedSegmentIndex; |
26 | NSLog( @"Index %i" , Index); |
基本属性、方法如上,大家在实际开发中可根据实际需求选取适当属性和方法。
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的宽度:
- mySegmentedControl setWidth:100 forSegmentAtIndex:0];//设置Item的宽度
二、属性
- mySegmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;//风格
可以视使用的场合,有三种风格选择,如下:
- typedef enum {
- UISegmentedControlStylePlain, // large plain 有灰边的大白按钮,适合偏好设置单元
- UISegmentedControlStyleBordered, // large bordered 黑边的大白按钮,适用于表格单元
- UISegmentedControlStyleBar, // small button/nav bar style. tintable 小按钮,适合导航栏
- UISegmentedControlStyleBezeled, // large bezeled style. tintable
- } UISegmentedControlStyle;
如果你使用的是 UISegmentedControlStyleBar 风格,还可以用空间的 tintColor 属性为整个控件设置渲染色彩:
- UIColor *myTint = [[ UIColor alloc]initWithRed:0.66 green:1.0 blue:0.77 alpha:1.0];
- mySegmentedControl.tintColor = myTint;
三、添加、删除片段
每个分段控件的片段都是一个按钮,其中包含一个标签或图片。你需要在你的控件中为每个控件创建一个片段。只要屏幕放得下,就可以有许多片段,但用户同一时刻只能选择一个片段。
- [mySegmentedControl insertSegmentWithTitle:@"First" atIndex:0 animated:YES];
- [mySegmentedControl insertSegmentWithTitle:@"Second" atIndex:2 animated:YES];
每个
按钮都被赋予一个索引,用这个索排序以及标识。
你也可以添加一个含有图像的片段,用inserSegmentWithImage
- [mySegmentedControl insertSegmentWithImage:[UIImage imageNamed:@"pic"] atIndex:3 animated:YES];
删除片段
- [mySegmentedControl removeSegmentAtIndex:0 animated:YES];//删除一个片段
- [mySegmentedControl removeAllSegments];//删除所有片段
四、片段标题
- [mySegmentedControl setTitle:@"ZERO" forSegmentAtIndex:0];//设置标题
- NSString* myTitle = [mySegmentedControl titleForSegmentAtIndex:1];//读取标题
五、图像
每个分段也可以设置图像:
- [mySegmentedControl setImage:[UIImage imageNamed:@"pic"] forSegmentAtIndex:1];//设置
- UIImage* myImage = [mySegmentedControl imageForSegmentAtIndex:2];//读取
注意:图像不会自动调整大小,图片多大就会原生地显示多大,所以你要通知做图的美工大小要精确。
六、选中分段
分段控件的默认行为是,一旦按钮被选中就一直保持,直到另外一个按钮被选中为止。你可以改变这种默认的行为,变成按钮按下后很快就自动释放。将控件的momentary属性设为YES:
- mySegmentedControl.momentary = YES;
注意:开启这个功能后点触片段不会更新 selectedSegmentedIndex,因此也就无法通过这个属性得到当前选取的片段。
初始化默认片段
默认情况下,除非你指定,否则不会有任何片段被选中。要设置 selectedSegmentedIndex 属性:
- mySegmentedControl.selectedSegmentedIndex = 0;
七、显示控件
- [parentView addSubview:mySegmentedControl];//添加到父视图
- 或
- self.navigationItem.titleView = mySegmentedControl;//添加到导航栏
八、读取控件
通过 selectedSegmentedIndex 属性,可以读取当前选中分段的值,这个值就是选中片段的索引号。
- int x = mySegmentedControl. selectedSegmentedIndex;
九、通知
要接收片段选取的通知,可以用UIControl类的 addTarget 方法,为 UIControlEventValueChanged 事件添加一个动作:
- [mySegmentedControl addTarget:self action:@selector(selected:) forControlEvents:UIControlEventValueChanged];
只要选中了一个片段,你的动作方法就会被调用:
- -(void)selected:(id)sender{
- UISegmentedControl* control = (UISegmentedControl*)sender;
- switch (control.selectedSegmentIndex) {
- case 0:
- //
- break;
- case 1:
- //
- break;
- case 2:
- //
- break;
-
- default:
- break;
- }
- }
EG: 在导航栏中添加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]; |
10 | [segmentedControl release]; |
11 | self.navigationItem.rightBarButtonItem = segButton; |
05 | UIImageView *imageForSegmentAtIndex = [[UIImageViewalloc]initWithImage:[segmentedControl imageForSegmentAtIndex:1]]; |
06 | imageForSegmentAtIndex.frame = CGRectMake(60.0, 120.0, 30.0, 30.0); ; |
09 | UILabel *titleForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(100.0, 160.0, 30.0, 30.0)]; |
10 | titleForSegmentAtIndex.text = [segmentedControl titleForSegmentAtIndex:0]; |
13 | UILabel *numberOfSegments = [[UILabel alloc]initWithFrame:CGRectMake(140.0, 170.0, 30.0, 30.0)]; |
14 | numberOfSegments.text = [NSString stringWithFormat: @"%d" ,segmentedControl.numberOfSegments]; |
17 | UILabel *widthForSegmentAtIndex = [[UILabel alloc]initWithFrame:CGRectMake(180.0, 210.0, 70.0, 30.0)]; |
18 | widthForSegmentAtIndex.text = [NSString stringWithFormat: @"%f" ,[segmentedControl widthForSegmentAtIndex:2]]; |
22 | [mySegmentedControladdTarget:selfaction:@selector(segmentAction:)forControlEvents:UIControlEventValueChanged]; |
24 | -( void )segmentAction:(UISegmentedControl *)Seg{ |
25 | NSInteger Index = Seg.selectedSegmentIndex; |
26 | NSLog( @"Index %i" , Index); |
基本属性、方法如上,大家在实际开发中可根据实际需求选取适当属性和方法。