用系统方法自定义滑动Cell 视图(兼容iOS7)

实现效果

实现系统原生的删除方法

  • 必须要实现系统原生的两个方法
    1. 方法editingStyleForRowAtIndexPath:为设置表格的样式为删除样式;
    2. 方法titleForDeleteConfirmationButtonForRowAtIndexPath:为编辑时显示的文字,这里讲的是自定义,所以这里的文字可以传空字符串,避免自定义后文字重叠异常显示, 系统默认显示的文字为 "删除";

注意: 这里的传的空字符串的长度决定你自定义后显示多少个按钮的总宽度。

#pragma mark - <UITableViewDelegate>

/**
 *  实现表格系统方法的编辑模式为删除模式
 */
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
    return UITableViewCellEditingStyleDelete;
}

/**
 *  设置滑出cell后的文字为空字符串
 */
- (NSString*)tableView:(UITableView*)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath*)indexpath {
    return @"                         ";
}

数据源的代理方法实现不需要额外设置什么

#pragma mark - <UITableViewDataSource>

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    static NSString *identifie = @"UITableViewCell";
    GJEmployeeCell *cell = [tableView dequeueReusableCellWithIdentifier:identifie];
    if (!cell) {
        cell = [[GJEmployeeCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:identifie];
    }    
    //选择的cell
    WEAKSELF
    cell.slectedActionBlock = ^(SwipeCellActionType cellActionType, UITableViewCell *cell){
        //防止cell出现选中效果
        NSIndexPath *editIndex = [tableView indexPathForCell:cell];
        [tableView reloadRowsAtIndexPaths:@[editIndex] withRowAnimation:UITableViewRowAnimationNone];
        
        GJEmployeeModel *editEmployee = weakSelf.dataArr[editIndex.row];
        if (cellActionType == EditCellType) {
            //处理编辑按钮事件...
        } else {
            //处理删除按钮事件...
        }
    };
    return cell;
}

自定义Cell(.m)文件的逻辑

  • 关键点:重写cell的 layoutSubviews方法
  • layoutSubviews方法中遍历寻找到滑动完Cell后底部显示的视图, 然后再添加需要自定义的按钮的到底部的视图上;

注意: 这里要根据当前的手机系统版本来区分底部的视图是属于哪种类型的视图:
1.在iOS8以下的系统经过亲自测试遍历到底部的视图属于:UITableViewCellDeleteConfirmationView这种类型的视图;
2.在iOS8以上的系统经过亲自测试遍历到底部的视图属于:_UITableViewCellActionButton这种类型的视图;

/**
 *  根据ios系统版本自定义滑动删除按钮
 */
- (void)layoutSubviews
{
    [super layoutSubviews];
    for (UIView *subview in self.subviews) {

        for (UIView *subview2 in subview.subviews) {
            
            //根据ios系统版本判断滑动删除视图View, (关键部分)
            NSString *systemDeleteViewName = nil;
            if ([[[UIDevice currentDevice] systemVersion] floatValue] < 8.0) {
                systemDeleteViewName = @"UITableViewCellDeleteConfirmationView";
                
            } else {
                systemDeleteViewName = @"_UITableViewCellActionButton";
            }
            
            if ([NSStringFromClass([subview2 class]) isEqualToString:systemDeleteViewName]) {
                
                NSLog(@"subview2 属于什么View====%@",subview2);
                
                //防止多次添加自定义按钮
                [subview2.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
                
                //subview2的宽度由控制器里面的代理方法(tableView:titleForDeleteConfirmationButtonForRowAtIndexPath:)返回的文字宽度决定
                
                [subview2 addSubview:self.editButton];
                self.editButton.width = subview2.width/2;
                
                [subview2 addSubview:self.deleteButton];
                self.deleteButton.x = CGRectGetMaxX(self.editButton.frame);
                self.deleteButton.width = self.editButton.width;
                NSLog(@"subview2====%zd",subview2.subviews.count);
            }
        }
    }
}

- (UIButton *)editButton
{
    if (!_editButton) {
        _editButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 0, 80, self.height)];
        _editButton.backgroundColor = UIColorFromRGB(0xbbbbbb);
        [_editButton setImage:ImageNamed(@"editButton_icon") forState:0];
        _editButton.tag = EditCellType;
        [_editButton addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
    }
    return _editButton;
}

- (UIButton *)deleteButton
{
    if (!_deleteButton) {
        _deleteButton = [[UIButton alloc] initWithFrame:CGRectMake(80, 0, 80, self.height)];
        _deleteButton.backgroundColor = UIColorFromRGB(0xfe7270);
        [_deleteButton setImage:ImageNamed(@"deleteButton_icon") forState:0];
        _deleteButton.tag = DeleteCellType;
        [_deleteButton addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
    }
    return _deleteButton;
}

- (void)buttonAction:(UIButton *)button
{
    if (self.slectedActionBlock) {
        self.slectedActionBlock(button.tag, self);
    }
}

总结

以上实现自定义的方法的关键点在于遍历到Cell底部的视图, 这种遍历的方法可能会随着iOS手机系统的版本不同而Cell层次结构也不同, 因此在最新的iOS10.2以后的版本中可能存在遍历不到的情况, 经过亲自测试,目前最新的iOS10.2以下的版本可用上面的方法亲测有效;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容