系统自带的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
网友评论