自定义UISegmentedControl

系统自带的UISegmentedControl有很多的限制 ,有时候为了满足自己的需求可能需要自己定制,本文就是我在做需求的时候自己定义的一个UISegmentedControl,支持很竖屏 ,使用Masonry自动布局.效果如下:

1 竖屏

2 横屏

整个控件是继承自 UIView 的 从类方法中传入的数组的个数根据数组的个数新建相同个数的 button ,button 的 title 是相应的数组中的内容.那么整个过程需要处理的事有下面三部分:1,新建 button 2 均布 button 3 button 的响应事件

一,新建 button

主要的地方是类方法中,当接收到外面传入的标题数组时,对数组的处理 ,其中需要创建 button 和对 button 进行均布处理

代码如下:

• (void)creatBtnWithTitles:(NSArray*)titles{

  NSIntegercount = titles.count;

for(intindex =0; index < titles.count; index++) {

//1>创建

UIButton*btn = [[UIButtonalloc]init];

[btnsetTitle:titles[index]forState:UIControlStateNormal];

[btnsetTitleColor:[UIColorcolorFromHexRGB:@”ffffff”]forState:UIControlStateSelected];

[btnsetTitleColor:[UIColorcolorFromHexRGB:@”ff6600”]forState:UIControlStateNormal];

[btnsetBackgroundColor:[UIColorcolorFromHexRGB:@”ff6600”]Forstate:UIControlStateSelected];

[btnsetBackgroundColor:[UIColorcolorFromHexRGB:@”ffffff”]Forstate:UIControlStateNormal];

//同时指向一个响应方法 根据 tag 值来获取对应的 button 的响应事件

[btnaddTarget:self

action:@selector(btnClicked:)

forControlEvents:UIControlEventTouchUpInside];

btn.tag= index +10;

[selfaddSubview:btn];

if(index ==0) {

btn.selected=YES;

}else{

btn.selected=NO;

}

//3 均布

[btnmas_makeConstraints:^(MASConstraintMaker*make) {

make.top.height.equalTo(self);

make.width.equalTo(self).dividedBy(count);

[selfisFirstByIndex:index]? make.leading.equalTo(self.mas_leading):make.leading.equalTo([selfreturnOneBtn:index].mas_trailing).offset(1);

}];

}

}

均布的逻辑是这样的 :

1 > 当创建成功一个 button 的时候 ,在addSubViws 之后开始布局的时候必须判断是否是第一个button如果是第一个那么其左边是和self的左边相等的如果不是第一个那么其左边是和上一个button的右边相等的(也可以有间距根据需求)

2> button的宽度是根据self的宽除以数组的长度这样就等分

三 处理 button 的点击事件

根据不同tag 值 来区分点击的具体的 button 点击之后需要处理两件事:

1 改变自身的颜色 换成选中颜色,同时让其他的 button 改成非选中状态的颜色

2 通过代理方法把点击的 第几个 button 的 “第几个”称为 index 传出去 其代理根据 index 来做响应的处理 比如 更新数据源 等.

如下:

• (void)btnClicked:(UIButton*)btn{

NSIntegertag = btn.tag;

btn.selected=YES;

for(NSNumber*nubin[selftagsArray]) {

if(tag != nub.integerValue) {

UIButton*btn = [selfviewWithTag:nub.integerValue];

btn.selected=NO;

}

}

if(_delegate&& [_delegaterespondsToSelector:@selector(didSelectSegmentWithIndex:)]) {

[_delegatedidSelectSegmentWithIndex:tag -10];

}

}

Demo 在这https://github.com/GodBlessMyParents/SegmentedControl.git