OC实现单选和多选按钮
本代码库暂时有OC封装，改天有空在补一个Swift封装的，主要是因为swift不是那么熟，怕出错，半天找不到问题多尴尬呀！
先附上demo下载地址CSDN：http://download.csdn.net/detail/qq_34863867/9593700
gitHub地址:https://github.com/SZLCode/RadioAndCheck
先上传两张效果图：
两者基本相似，只是部分逻辑不同而已，下边就以单选按钮为例，分析一下思路：
单选按钮主要有两部分构成，一部分是单选项的每一行和标题两大部分组成，选项又有前边的按钮和后边的文字两部分组成。
下边开始封装，先封装选项行 ，刚才分析过行由这两部分构成，先开始搭建这一部分，创建RadioButtonCell：
-(instancetype)initRadioCell:(NSString *)cellTitle selectImg:(NSString *)seletImg unselectImg:(NSString*)unselectImg cellSizeBlock:(void (^)(CGSize))callBackSize{
if (self=[super init]) {
self.selectImageName = seletImg;
self.unSelectImageName = unselectImg;
self.celltitle = cellTitle;
[self makecellView];
CGSize size = CGSizeMake(SCREEN_WIDTH, _labelView.frameHeight);
_tapView.frameHeight = size.height;
callBackSize(size);
}
return self;
}
//cell的内容
-(void)makecellView{
_tapView = [UIView new];
_tapView.frame = CGRectMake(CONTENT_MARGIN, 0, SCREEN_WIDTH-CONTENT_MARGIN*2, 35);
[self addSubview:_tapView];
//这里不使用按钮是因为想要实现点击每一个行的任何地方都能标红，而不是只能点击按钮部分
_btnView = [UIImageView new];
_btnView.frame = CGRectMake(0, 3, 24, 24);
_btnView.image = [UIImage imageNamed:self.unSelectImageName];
[_tapView addSubview:_btnView];
CGFloat cellHight =[UILabel getHeightWithTitle:self.celltitle font:16];
_labelView = [VertLabel new];
_labelView.text = self.celltitle;
_labelView.font = Font(labelFont);
_labelView.numberOfLines = 0;
[_labelView sizeToFit];
_labelView.frame = CGRectMake(_btnView.frameRight+CONTENT_MARGIN, 0, _tapView.frameRight-(_btnView.frameRight+CONTENT_MARGIN), cellHight+CONTENT_MARGIN*2);
[_tapView addSubview:_labelView];
}
界面到此搭建完成，分析得cell每被点击一次，cell选中的状态就要改变，所以就要创建一个点击方法来改变选中状态
//单击按钮行,根据选中状态判断选中还是不选中
-(void)tapRadioCell{
if (self.tapState) {
[self cancelSelectedRadioCell];
}else{
[self selectRadioCell];
}
self.tapState = !self.tapState;
}
//标识为选中状态
#pragma 可以在这里修改选中以后label不标红，默认是标红的
-(void)selectRadioCell{
_btnView.image = [UIImage imageNamed:self.selectImageName];
_labelView.textColor = [UIColor redColor];
}
//取消选中状态
-(void)cancelSelectedRadioCell{
_btnView.image = [UIImage imageNamed:self.unSelectImageName];
_labelView.textColor = [UIColor blackColor];
}
至此，cell中需要做的工作完成。
创建单选按钮类RadioButton，所有对RadioButtonCell的状态和内容的控制都来这里实现。
先根据传入cell的个数创建cell
//创建cell视图
-(void)makeRadioCell{
__block CGFloat cellInitHigh = _labelTitle.frameBottom;//设置cell高度的起始位置
for(int i=0;i<self.labelStringArr.count;i++){
__block RadioButtonCell * cell = [[RadioButtonCell alloc] initWithFrame:CGRectMake(0, cellInitHigh, SCREEN_WIDTH, 35)];
cell = [cell initRadioCell:self.labelStringArr[i] selectImg:self.selectImageName unselectImg:self.unSelectImageName cellSizeBlock:^(CGSize size) {
cellInitHigh += size.height;
cell.frameHeight = size.height;
}];
cell.tag = 60000+i;
[self addSubview:cell];
UITapGestureRecognizer * tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapCellAction:)];
tap.numberOfTapsRequired = 1;
[cell addGestureRecognizer:tap];
}
}
点击cell区域以后，根据cell原来的状态来做改变：单选有三种状态：原来没有选中的，选中点击的这一个cell；存在原来选中的cell，就要判断最新点击的cell是不是原来已经选中的cell，是就取消原来选中的；如果不是原来选中的，则取消原来选中的，选择最新的cell。
//点击cell以后
-(void)tapCellAction:(UIGestureRecognizer *)tap{
NSInteger tag = tap.view.tag;
if(haveTap){//存在已经被选中的选项
RadioButtonCell * cell = [self viewWithTag:tag];
//判断选择的这一个本来是不是选中状态
if(tag==indexOld){//是原来选中的行
[cell tapRadioCell];//取消选中
haveTap = NO;
indexOld = 59999;
[self.delegate selectRadioButtonIndex:indexOld];
}else{//不是原来选中的行
RadioButtonCell *cellOld = [self viewWithTag:indexOld];
[cellOld tapRadioCell];//取消原来选中的行
[cell tapRadioCell];//选中新行
[self.delegate selectRadioButtonIndex:tag-60000];
haveTap = YES;
indexOld = tag;
}
}else{//不存在已经被选中的选项
RadioButtonCell * cell = [self viewWithTag:tag];
[cell tapRadioCell];
if (cell.tapState) {//选中某一行状态，返回选中的行
[self.delegate selectRadioButtonIndex:tag-60000];
}
indexOld =tag;//记录下选择的按钮行
haveTap = YES;
}
}
定义一个代理方法，用来返回用户点击的是哪一个cell
-(void)selectRadioButtonIndex:(NSInteger)index;
到此所有就搭建完成，只需要在需要创建单选按钮的地方创建、实现代理方法就好了。
-(void)awakeFromNib{
RadioButton *radioButton = [[RadioButton alloc]initWithFrame:CGRectMake(0, 60, 414, 736)];
radioButton.delegate = self;
radioButton = [radioButton initRadioButtonTitle:@"请评价好坏" selectImgName:nil unselectImgName:nil labelArr:@[@"好",@"BBBBBBBBBBBBBBBBBBBBB",@"这是第三个选项，这是第三个选项，你看我可以自动换行哟！不信吗？看我换行给你看！"]];
[self.view addSubview:radioButton];
}
#pragma radioDelegate
-(void)selectRadioButtonIndex:(NSInteger)index{
if (index==59999) {
NSLog(@"没有选项");
}else{
NSArray * arr = @[@"AAA",@"BBB",@"CCC",@"DDD",@"EEE",@"FFF",@"GGG",@"HHH",@"III"];
NSLog(@"我是%@",arr[index]);
}
}
至此，所有单选按钮的工作就做完了。
多选按钮和这个页面是一样的，只是在选中的地方逻辑略有不同。
如果点击的cell没有被选中，就选中这个cell，如果这个cell是被选中状态，就取消掉选中状态。
//点击cell以后
-(void)tapCellAction:(UIGestureRecognizer *)tap{
CheckButtonCell * cell = [self viewWithTag:tap.view.tag];
[cell tapCheckCell];
NSString *indexStr = [NSString stringWithFormat:@"%ld",tap.view.tag-70000];
if (cell.tapState) {//选中某一行状态
[self.selectIndexArr addObject:indexStr];
}else{//取消某一行的选中状态
[self.selectIndexArr removeObject:indexStr];
}
[self.delegate selectCheckButtonIndex:self.selectIndexArr];
}
再使用代理以数组形式返回最新的用户选中的列表
-(void)selectCheckButtonIndex:(NSMutableArray*)indexArr;
再在显示的地方创建就好了
-(void)awakeFromNib{
CheckButton *checkBtn = [[CheckButton alloc]initWithFrame:CGRectMake(0, 20, 414, 736)];
checkBtn.delegate = self;
checkBtn = [checkBtn initCheckButtonTitle:nil selectImgName:nil unselectImgName:nil labelArr:@[@"AAAAAAAAAAAAAAAAAAA",@"BBBBBBBBBBBBB",@"这个是多选项哦，这个是多选项哦，多选项哦，选项哦，项哦，哦！",@"DDDDDDDDDDDDDDD",@"EEEEEEEEEEEEEE",@"这个是最后一项，我可以继续增加很多选项哦，不信你可以增加GGGGGGGGGGGG来试一下哦！"]];
[self.view addSubview:checkBtn];
}
#pragma checkDelegate
-(void)selectCheckButtonIndex:(NSMutableArray *)indexArr{
if (indexArr.count) {
NSArray * arr = @[@"AAA",@"BBB",@"CCC",@"DDD",@"EEE",@"FFF",@"GGG",@"HHH",@"III"];
for (int i=0; i<indexArr.count; i++) {
NSInteger index = [indexArr[i] integerValue];
NSLog(@"我是%@选项",arr[index]);
}
}else{
NSLog(@"没有选项！");
}
}
到这里，单选和多选按钮的库就创建和使用完成了。
