美文网首页
table view cell实现左滑多个自定义样式的按钮 io

table view cell实现左滑多个自定义样式的按钮 io

作者: moxuyou | 来源:发表于2017-07-07 23:58 被阅读656次

需求如图

2.2.1 我的好友.jpg

拿到需求图,我第一想法都是:系统的能不能搞?问了几个朋友,他们也遇到过类似的需求,但他们都是自定义cell后添加手势来做,我自己摸索了一下,发现系统自带的可以完成这个需求,下面是具体的讲解.

1.实现UITableView的两个代理方法返回对应的东西,便可以左滑出现多个action,

- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath;
- (nullable NSArray<UITableViewRowAction *> *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath;

2.一般情况下,仅仅是实现上述两个方法,是不能改变UITableViewRowAction的背景颜色的,UITableViewRowAction的实例对象的背景颜色只能由UITableViewRowActionStyle决定,很遗憾没有很多选择,更没有你想要的尊贵的橙色.

typedef NS_ENUM(NSInteger, UITableViewRowActionStyle) {
    UITableViewRowActionStyleDefault = 0,//红色
    UITableViewRowActionStyleDestructive = UITableViewRowActionStyleDefault,//红色
    UITableViewRowActionStyleNormal   //灰色
}

3.通过小面包,还是找到了一线希望.


截图.png

图纸箭头指向的位置,如果是左滑状态,会有三个子控件.那个第三者就是: UITableViewCellDeleteConfirmationView.很明显,左滑出现的按钮就是添加到这个控件中去的.拿到了父控件,你就可以往里面添加你想要的控件了,想要什么款式就有什么款式.
下面贴上我自己实现需求的代码

//类中有一个leftTitleArr可变数组:UITableViewRowAction将要显示的文字集合.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{
    [self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationTop];
}
- (nullable NSArray<UITableViewRowAction *> *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath{
    if (self.tableView == tableView) {
        
        NSString *title = self.leftTitleArr[indexPath.row];
        UITableViewRowAction *actionLeft = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleNormal title:title handler:^(UITableViewRowAction * _Nonnull action, NSIndexPath * _Nonnull indexPath) {
            if ([action.title isEqualToString:@"恢复关注"]) {
                [self.leftTitleArr replaceObjectAtIndex:indexPath.row withObject: @"不再关注"];
                action.backgroundColor = [UIColor lightGrayColor];
            }else if ([action.title isEqualToString:@"不再关注"]){
                [self.leftTitleArr replaceObjectAtIndex:indexPath.row withObject: @"恢复关注"];
                WMMyFriendVCCell *cell = [self.tableView cellForRowAtIndexPath:indexPath];
                cell.fanStr = self.leftTitleArr[indexPath.row];
                //action.backgroundColor = [UIColor orangeColor];
            }
            [self.tableView reloadData];
        }];
        UITableViewRowAction *actionRight = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"删除" handler:^(UITableViewRowAction * _Nonnull action, NSIndexPath * _Nonnull indexPath) {
            if (indexPath.section == 1) {
                
                [self.dataSource removeObjectAtIndex:indexPath.row];
                [self.tableView reloadData];
            }
        }];
        return @[actionRight, actionLeft];
    }else{
        return @[];
    }
    
}
//自定义的cell中重写一个系统方法来添加子控件,并且在头文件中提供一个NSString *fanStr的东西.
- (void)insertSubview:(UIView *)view atIndex:(NSInteger)index {
    [super insertSubview:view atIndex:index];
    if (![self.fanStr isEqualToString:@"恢复关注"]) {
        return;
    }
    if ([view isKindOfClass:NSClassFromString(@"UITableViewCellDeleteConfirmationView")]) {
        for (int i = 0; i < view.subviews.count; i ++) {
            UIButton *btn = view.subviews[i];
            if ([btn isKindOfClass:[UIButton class]] && i > 0) {
                [btn setBackgroundColor:[UIColor orangeColor]];
                [btn setTitle:self.fanStr forState:UIControlStateNormal];
                [btn setTintColor:[UIColor whiteColor]];
            }
        }
    }
}

4.补充1:如果项目只需要实现左滑删除功能,可以通过下面两个方法组合实现,简单.

/**
 *  只要实现这个方法,就拥有系统默认的左滑删除功能(默认)
 *  点击系统默认的 Delete按钮 会来到这个方法
 */
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath
{ 
[self.dataArray removeObjectAtIndex:indexPath.row];
//刷新模型数据  
[self.tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationTop];
}

//修改默认Delete按钮的文字
- (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return @"删除";
}

5.补充2:实现点击即可左滑删除

Paste_Image.png
//下面这句代码不能少
self.tableView.edting = YES;
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{
return UITableViewCellEditingStyleDelete;
}
//触发事件后会来到下面方法,在该方法中实现对应的代码即可.
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath;

如果我的分享对你有一丝丝启发,那就给我个吧,权当鼓励了,如果有什么疑问,可以留言,谢谢你的阅读.

相关文章

网友评论

      本文标题:table view cell实现左滑多个自定义样式的按钮 io

      本文链接:https://www.haomeiwen.com/subject/szfkhxtx.html