UITableviewCell的花式操作

UITableviewCell花式操作之删除置顶和标记

效果展示

UITableviewCell的花式操作_第1张图片
滑动后侧边栏出现删除、置顶和标记功能
下面直接上代码。。。
对于创建全局数组和创建UITableview这个我就直接跳过了(数组最好是用可变数组)

- (void)viewDidLoad {
    [super viewDidLoad];
    cellArray = [NSMutableArray array];
    for (int i = 0; i < 20; i ++) {
        [cellArray addObject:[NSString stringWithFormat:@"%d",i]];
    }
    screeenWidth  = [UIScreen mainScreen].bounds.size.width;
    screenHeight  = [UIScreen mainScreen].bounds.size.height;
    [self makeTableView];
    // Do any additional setup after loading the view, typically from a nib.
}
- (void)makeTableView{
    _myTableView = [[UITableView alloc]initWithFrame:self.view.frame];
    _myTableView.delegate = self;
    _myTableView.dataSource = self;
    [self.view addSubview:_myTableView];
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return cellArray.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    static NSString *indetifier  = @"celllllllll";
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:indetifier];
    if (!cell) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:indetifier];
    }
        cell.textLabel.text = cellArray[indexPath.row];

    return cell;
}

直接上UITableview的代理

//这个是直接添加侧滑栏选项的代理,只支持在8.0之后使用
- (nullable NSArray *)tableView:(UITableView *)tableView editActionsForRowAtIndexPath:(NSIndexPath *)indexPath NS_AVAILABLE_IOS(8_0) __TVOS_PROHIBITED{
//    删除选项
    UITableViewRowAction *deleAction = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"删除" handler:^(UITableViewRowAction * _Nonnull action, NSIndexPath * _Nonnull indexPath) {
        [cellArray removeObject:[cellArray objectAtIndex:indexPath.row]];
        [tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
    }];
    deleAction.backgroundColor = [UIColor redColor];
//    置顶选项
    UITableViewRowAction *firstR = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"置顶" handler:^(UITableViewRowAction * _Nonnull action, NSIndexPath * _Nonnull indexPath) {
        [self tableView:tableView moveRowAtIndexPath:indexPath toIndexPath:[NSIndexPath indexPathForRow:0 inSection:0]];
    }];
    firstR.backgroundColor = [UIColor lightGrayColor];
//    标记选项,活着说是特殊操作选项。。。一般是针对数据进行处理
    UITableViewRowAction *markerCell = [UITableViewRowAction rowActionWithStyle:UITableViewRowActionStyleDestructive title:@"标记未读" handler:^(UITableViewRowAction * _Nonnull action, NSIndexPath * _Nonnull indexPath) {
        NSString *biaoshiStr = [cellArray objectAtIndex:indexPath.row];
        [cellArray removeObject:biaoshiStr];
        biaoshiStr = [NSString stringWithFormat:@"%@+%@",biaoshiStr,biaoshiStr];
        [cellArray insertObject:biaoshiStr atIndex:indexPath.row];
        [tableView reloadData];
    }];
    markerCell.backgroundColor = [UIColor orangeColor];
    return @[firstR,markerCell,deleAction];
}

然后就添加具体的视线方法,部分方法可以直接在UITableViewRowAction带的block方法块里面视线,但是部分方法需要其它代理的配合
比如说置顶方法

//置顶实现代码
- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath{
    NSString *fromStr = cellArray[sourceIndexPath.row];
    [cellArray removeObject:fromStr];
    [cellArray insertObject:fromStr atIndex:destinationIndexPath.row];
    [tableView reloadData];
}

下面配置一些必要的代理

-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return UITableViewCellEditingStyleDelete;
}
- (BOOL)tableView:(UITableView *)tableView canMoveRowAtIndexPath:(NSIndexPath *)indexPath{
    return YES;
}
- (BOOL)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath
{
    return YES;
}

我这是不是就直接把demo代码贴上去了,在贴几个效果图

删除效果展示

UITableviewCell的花式操作_第2张图片

标记效果展示

UITableviewCell的花式操作_第3张图片

置顶效果展示

UITableviewCell的花式操作_第4张图片
至于标记这个选项,原理就是对数据进行操作,具体怎么操作,根据自己的需求自己考虑,方法就在那里。。。。阿达!!!

你可能感兴趣的:(方法篇)