标签:它的 就会 插入图片 下标 adjust 定义 title tle event
今天我们来说下iOS中的分段选择控制器UISegmentedControl,这一控件有什么作用呢
那么它实现了一个什么效果呢,我们先看下图:
那么怎么实现这一效果能,只需要简单几句代码:
//先生成存放标题的数据
NSArray *array = [NSArray arrayWithObjects:@"家具",@"灯饰",@"建材",@"装饰", nil];
//初始化UISegmentedControl
UISegmentedControl *segment = [[UISegmentedControl alloc]initWithItems:array];
//设置frame
segment.frame = CGRectMake(10, 100, self.view.frame.size.width-20, 30);
//添加到视图
[self.view addSubview:segment];
这样一个简单的分段控制器就生成了,这样还不能使用,我们实际开发中需要根据它的属性去进一步设置.
在segment生成后我们可以根据需求在任意位置插入或删除内容
//添加一个分段(在指定下标下插入,并设置动画效果)
[segment insertSegmentWithTitle:@"五金电料" atIndex:2 animated:NO];
//插入图片分段
//[segment insertSegmentWithImage:[UIImage imageNamed:@"需要插入图片的名字"] atIndex:2 animated:YES];
//移除一个分段(根据下标)
//[segme removeSegmentAtIndex:0 animated:YES];
我们还可以设置其他属性
//根据下标修改分段标题(修改下标为2的分段)
[segme setTitle:@"巧克力" forSegmentAtIndex:2];
//根据内容定分段宽度
segme.apportionsSegmentWidthsByContent = YES;
//开始时默认选中下标(第一个下标默认是0)
segme.selectedSegmentIndex = 2;
//控件渲染色(也就是外观字体颜色)
segment.tintColor = [UIColor redColor];
//按下是否会自动释放:
//segment.momentary = YES;
除了以上属性,我们也可以设置每一个分段的属性
// 设置指定索引选项的宽度(设置下标为2的分段宽度)
[segment setWidth:70.0 forSegmentAtIndex:2];
// 设置分段中标题的位置(0,0点为中心)
[segment setContentOffset:CGSizeMake(10,10) forSegmentAtIndex:3];
当然最重要的是我们要给segment添加事件
//添加事件
[segme addTarget:self action:@selector(change:) forControlEvents:UIControlEventValueChanged];
实现添加的事件
//点击不同分段就会有不同的事件进行相应
-(void)change:(UISegmentedControl *)sender{
NSLog(@"测试");
if (sender.selectedSegmentIndex == 0) {
NSLog(@"1");
}else if (sender.selectedSegmentIndex == 1){
NSLog(@"2");
}else if (sender.selectedSegmentIndex == 2){
NSLog(@"3");
}else if (sender.selectedSegmentIndex == 3){
NSLog(@"4");
}
如果开发中有需求,我们可以让其在导航栏显示,只需要我们稍微改变下添加到视图的方法
//显示在导航栏上
self.navigationItem.titleView = segmentedControl;
这只是我个人总结的UISegmentedControl的一些简单使用方法,如果有什么问题,还希望大家积极指出,共同进步,谢谢.
文/呼噜ZR(简书作者)
原文链接:http://www.jianshu.com/p/7d9e4d4368c8
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。
初始化的方法
//一次性初始化多个control,items可以是图片或者是文字array,系统会自动控制每个单元的大小
//也可通过正常View的初始化进行
- (instancetype)initWithItems:(NSArray *)items;
事件添加
//通过UIControl的方法来设置,当改变segments的时候通过事件UIControlEventValueChanged,
//通过action来处理事件
[self.mySegmentedControl addTarget:self
action:@selector(myAction:)
forControlEvents:UIControlEventValueChanged];
Segmented Controls的内容设置
//通过索引设置以及获取Title和Image
- (void)setTitle:(NSString *)title forSegmentAtIndex:(NSUInteger)segment;
- (NSString *)titleForSegmentAtIndex:(NSUInteger)segment;
- (void)setImage:(UIImage *)image forSegmentAtIndex:(NSUInteger)segment;
- (UIImage *)imageForSegmentAtIndex:(NSUInteger)segment;
Segmented Controls Segments的设置
//在索引点插入一个新的标题的segment
- (void)insertSegmentWithTitle:(NSString *)title atIndex:(NSUInteger)segment animated:(BOOL)animated;
//在索引点插入一个新的图片的segment
- (void)insertSegmentWithImage:(UIImage *)image atIndex:(NSUInteger)segment animated:(BOOL)animated;
- (void)removeSegmentAtIndex:(NSUInteger)segment animated:(BOOL)animated;
- (void)removeAllSegmens;
//Segment的数量
@property(nonatomic,readonly) NSUInteger numberOfSegments;
//被选中的索引
@property(nonatomic) NSInteger selectedSegmentIndex;
Segmented Controls显示和行为设置
//默认值为NO,即点击后保持选中状态,如果设置为YES则,只是短暂的显示选中状态
@property(nonatomic,getter=isMomentary) BOOL momentary;
//通过索引调整每个segment的width,如果设置为0.0则表示自动调整大小,默认为0.0
- (void)setWidth:(CGFloat)width forSegmentAtIndex:(NSUInteger)segment;
- (CGFloat)widthForSegmentAtIndex:(NSUInteger)segment;
//通过索引调整文字或者图片在segment的offset,默认为(0,0)
- (void)setContentOffset:(CGSize)offset forSegmentAtIndex:(NSUInteger)segment;
- (CGSize)contentOffsetForSegmentAtIndex:(NSUInteger)segment;
//设置segment是否能选中
- (void)setEnabled:(BOOL)enabled forSegmentAtIndex:(NSUInteger)segment;
- (BOOL)isEnabledForSegmentAtIndex:(NSUInteger)segment;
//是否根据内容的大小自动调整宽度
@property(nonatomic) BOOL apportionsSegmentWidthsByContent NS_AVAILABLE_IOS(5_0);
自定义的外观
//设置UISegmentedControl的边框,分隔线,文字,点击后的颜色
@property(nonatomic,retain) UIColor *tintColor;
//获取和设置背景图片,通过UIControlState和barMetrics的进行设置和获取,主要需要先设置
//UIControlStateNormal才会有效果
- (UIImage *)backgroundImageForState:(UIControlState)state barMetrics:(UIBarMetrics)barMetrics
- (void)setBackgroundImage:(UIImage *)backgroundImage forState:(UIControlState)state barMetrics:(UIBarMetrics)barMetrics
//设置分割线的图片样式,首先需要设置UIControlStateNormal不管左边还是右边,
//设置完成后再调用设置方法,根据UIControlState显示分割线
- (void)setDividerImage:(UIImage *)dividerImage forLeftSegmentState:(UIControlState)leftState rightSegmentState:(UIControlState)rightState barMetrics:(UIBarMetrics)barMetrics
- (UIImage *)dividerImageForLeftSegmentState:(UIControlState)leftState rightSegmentState:(UIControlState)rightState barMetrics:(UIBarMetrics)barMetric //设置Title的样式,包括 font, text color, shadow。通过NSAttributedString.h里面的键值对
- (void)setTitleTextAttributes:(NSDictionary *)attributes forState:(UIControlState)state NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;
- (NSDictionary *)titleTextAttributesForState:(UIControlState)state NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;
//调整title和image的位置,通过给定的segment
- (void)setContentPositionAdjustment:(UIOffset)adjustment forSegmentType:(UISegmentedControlSegment)leftCenterRightOrAlone barMetrics:(UIBarMetrics)barMetrics NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;
- (UIOffset)contentPositionAdjustmentForSegmentType:(UISegmentedControlSegment)leftCenterRightOrAlone barMetrics:(UIBarMetrics)barMetrics NS_AVAILABLE_IOS(5_0) UI_APPEARANCE_SELECTOR;
iOS开发之分段控制器(UISegmentedControl)
标签:它的 就会 插入图片 下标 adjust 定义 title tle event
原文地址:http://www.cnblogs.com/tangyuanby2/p/6894159.html