首页 > 代码库 > IOS学习之segmented control
IOS学习之segmented control
转载请注明出处
http://blog.csdn.net/pony_maggie/article/details/27086877
作者:小马
什么是segmented control? 先上几张图:
这几幅图就是典型的segmented control UI视图, 第一幅是某个游戏程序,红色框出来的就是segmentedcontrol。 后面三幅是我这篇博文做的demo演示样例。
segmented control有例如以下几个特征:
1一般是在单视图中使用,不做多视图之间的切换。实现视图中不同显示的高速切换,每个切割表示一个不同的显示,这些显示往往是相关的,所谓的相关,能够理解成,功能一样,可是属性类别有差异,比方上图游戏程序中的几个切割。
比較经常使用的还有比方说,在一个视图中,不同的切割控制tableView载入不同的数据源。
2 它通常在整个屏幕的上部,不是必定,但大部分情况下是这样用。
3 通常是3到5个切割,超过5个的话每一个切割的大小对于用户触碰的体验会非常差。
4 随意时刻,仅仅有一个切割是激活状态的。有点像单选button。
开发环境:
mac os +xcode5.0 + ios7模拟器。
生成控件,代码例如以下:
- (void)initSegmentedControl { NSArray *segmentedData = http://www.mamicode.com/[[NSArray alloc]initWithObjects:@"apple",@"orange",@"banana",nil];>
每一个功能凝视都有清晰的描写叙述,有一点要特别说明一下:
在ios7曾经,segmentedcontrol有一个segmentedControlStyle 属性,通常都要设置,比方像以下这样:
/* typedef enum { UISegmentedControlStylePlain, UISegmentedControlStyleBordered, UISegmentedControlStyleBar, UISegmentedControlStyleBezeled, } UISegmentedControlStyle; */ segmentedControl.segmentedControlStyle = UISegmentedControlStyleBar;可是这个在ios7之后,出于扁平化风格的考虑,这些style都不在有效了
我们再写一个button的事件响应函数,设置不同的背景图片,例如以下:
-(void)doSomethingInSegment:(UISegmentedControl *)Seg { NSInteger Index = Seg.selectedSegmentIndex; switch (Index) { case 0: self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:kSrcName(@"bg_apple_small.png")]]; break; case 1: self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:kSrcName(@"bg_orange_small.png")]]; break; case 2: self.view.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:kSrcName(@"bg_banana_small.png")]]; break; default: break; } }代码比較简单。关键是理解segmented control的应用场景,灵活运用。除了第一幅图中的游戏程序,我这里再举一个样例,非常多时候会把segmented control嵌套在navigation bar里面使用,以降低navigationview之间的层级数量,给用户较好的体验,就像以下这样:
源代码下载:
https://github.com/pony-maggie/SegmentedControl或
http://download.csdn.net/detail/pony_maggie/7403175