前言
在上一篇文章中介绍了UITableView的多选操作,有提到将
return UITableViewCellEditingStyleDelete | UITableViewCellEditingStyleInsert;
改为
return UITableViewCellEditingStyleDelete & UITableViewCellEditingStyleInsert;
可以实现自定义的多选操作,这次就来实现一下。
第一步:
自定义一个Cell类:UDTableViewCell,在nib中设置好重用标识,重新TableView注册这个nib Cell :
[self.tableView registerNib:[UINib nibWithNibName:NSStringFromClass([UDTableViewCell class]) bundle:[NSBundle mainBundle]] forCellReuseIdentifier:reuseIdentifier];
第二步:
在Cell中添加一个选择按钮,如果按钮直接添加到Cell的contentview或Cell上,无法实现想要的效果,请看下图:
iOS Simulator Screen Shot 2015年9月7日 上午10.30.53.png
如上图所示,当UITableView处于多选状态的时候,整个Cell的contentview向右移,露出后面的backgroundView,图中蓝色部分就是backgroundView,我们需要将选择按钮添加到backgroundView上,编辑的时候选择按钮自然就显示出来了。
第三步:
处理选中/取消选中逻辑
Cell.h:
typedef void(^CustomSelectBlock)(BOOL selected, NSInteger row);
@interface UDTableViewCell : UITableViewCell
@property (nonatomic, assign) NSInteger row;
@property (nonatomic, strong) UIButton *btnSelect;
@property (nonatomic, getter=isCustomSelected) BOOL customSelected;
@property (nonatomic, copy) CustomSelectBlock customSelectedBlock;
Cell中添加按钮:
- (void)awakeFromNib {
UIView *backgroundView = [[UIView alloc] initWithFrame:self.contentView.bounds];
backgroundView.backgroundColor = [UIColor clearColor];
self.backgroundView = backgroundView;
self.contentView.backgroundColor = [UIColor greenColor];
self.btnSelect = [UIButton buttonWithType:UIButtonTypeCustom];
self.btnSelect.frame = CGRectMake( 15, 2, selectButtonSize, selectButtonSize);
self.btnSelect.backgroundColor = [UIColor clearColor];
[backgroundView addSubview:self.btnSelect];
[self.btnSelect setTitle:@"⭕️" forState:UIControlStateNormal];
self.btnSelect.titleLabel.font = [UIFont systemFontOfSize:20];
self.btnSelect.contentEdgeInsets = UIEdgeInsetsMake(5, 5, 5, 5);
[self.btnSelect addTarget:self action:@selector(selectAction:) forControlEvents:UIControlEventTouchUpInside];
}
- (IBAction)selectAction:(id)sender{
_customSelected = !_customSelected;
if ([self.btnSelect.titleLabel.text isEqualToString:@"⭕️"]) {
[self.btnSelect setTitle:@"