iOS 多选删除功能附tableViewTips及单选删除

一、前言

这次分享并记录一下tableView的多选删除,并额外记录一下单选删除及tableView的设置小技巧。

二、想要实现的效果图如下:

1、先上原图

2、然后编辑图如下:

3、编辑步骤:

点击右上角按钮编辑,界面呈现编辑状态底部删除按钮弹出

选择删除cell项,点击右下角删除可删除

点击右上角,退出编辑状态,底部删除按钮退出界面

三、多选删除核心代码

1、设置允许tableView编辑状态下允许多选

_mainTableView.allowsMultipleSelectionDuringEditing = YES;

2、将cell设置为可选择的风格(下面代码是在自定义Cell内部)

self.selectionStyle = UITableViewCellSelectionStyleDefault;

说明:因为自认为系统的选中状态很难看,所以在cell的基类里已经把 selectionStyle 设置为None,但是想要多选必须将其打开,大家切记。

3、不喜欢系统的选中状态,可更改选中状态的背景(下面也是在自定义cell内部)

 UIView *view = [[UIView alloc] init];
 view.backgroundColor = UIColorFromRGB(0xF6F6F6);
 self.selectedBackgroundView = view;

4、右上角点击事件

 [self.viewModel.rightViewModel.clickSubject subscribeNext:^(id x) {
    @strongify(self);
    if (self.mainTableView.editing) {
      self.viewModel.rightViewModel.title = @"编辑";
      [UIView animateWithDuration:0.5 animations:^{
        [self.mainTableView mas_remakeConstraints:^(MASConstraintMaker *make) {
          @strongify(self);
          make.edges.equalTo(self);
        }];
      }];
    } else {
      self.viewModel.rightViewModel.title = @"确定";
      [UIView animateWithDuration:0.5 animations:^{
        [self.mainTableView mas_remakeConstraints:^(MASConstraintMaker *make) {
          @strongify(self);
          make.left.right.top.equalTo(self);
          make.bottom.equalTo(-50);
        }];
      }];
    }
    [self.mainTableView setEditing:!self.mainTableView.editing animated:YES];
  }];

5、右下角删除事件

 [[[self.deleteBtn rac_signalForControlEvents:UIControlEventTouchUpInside] takeUntil:self.rac_willDeallocSignal] subscribeNext:^(id x) {
     @strongify(self);
    NSMutableArray *deleteArray = [NSMutableArray array];
    for (NSIndexPath *indexPath in self.mainTableView.indexPathsForSelectedRows) {
      [deleteArray addObject:self.viewModel.dataArray[indexPath.row]];
    }
    NSMutableArray *currentArray = self.viewModel.dataArray;
    [currentArray removeObjectsInArray:deleteArray];
    self.viewModel.dataArray = currentArray;
    [self.mainTableView deleteRowsAtIndexPaths:self.mainTableView.indexPathsForSelectedRows withRowAnimation:UITableViewRowAnimationLeft];//删除对应数据的cell
    dispatch_time_t delayTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.0 * NSEC_PER_SEC));
    dispatch_after(delayTime, dispatch_get_main_queue(), ^{
      @strongify(self);
      [self.mainTableView reloadData];
    });
  }];

四、单个删除(分为系统左滑,和点击cell上删除按钮两种)

1、系统左滑

#pragma mark - delete
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
  return UITableViewCellEditingStyleDelete;
}
- (NSString *)tableView:(UITableView *)tableView titleForDeleteConfirmationButtonForRowAtIndexPath:(NSIndexPath *)indexPath {
  return @"删除此经验";
}
- (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath {
  [self.viewModel.deleteCommand execute:indexPath];
}

说明:删除操作数据及UI刷新和多选是一致的,就不上代码了,这里只需注意左滑需要遵循的系统代理就行。

2、点击Cell删除

与系统左滑删除的不同仅仅是手动触发删除事件而已。

  [[[self.deleteBtn rac_signalForControlEvents:UIControlEventTouchUpInside] takeUntil:self.rac_prepareForReuseSignal] subscribeNext:^(id x) {
    [viewModel.deleteCommand execute:nil];
  }];

单个删除的操作数据和UI刷新也上下代码吧!(虽然有些重复o(╯□╰)o)

 [[self.viewModel.deleteSubject takeUntil:self.rac_willDeallocSignal] subscribeNext:^(NSIndexPath *indexPath) {
    @strongify(self);
    if (self.viewModel.dataArray.count > indexPath.row) {
      [self.viewModel.dataArray removeObjectAtIndex:indexPath.row]; //删除数组里的数据
      [self.mainTableView deleteRowsAtIndexPaths:[NSMutableArray arrayWithObject:indexPath] withRowAnimation:UITableViewRowAnimationLeft];//删除对应数据的cell
      dispatch_time_t delayTime = dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1.0 * NSEC_PER_SEC));
      dispatch_after(delayTime, dispatch_get_main_queue(), ^{
         @strongify(self);
         [self.mainTableView reloadData];
      });
    }
  }];

五、tableView的一些Tips(不常用的,或没注意的)

1、设置tableView可不可以选中(防止cell重复点击也可以利用这条特性)

self.tableView.allowsSelection = NO;

2、允许tableview多选

self.tableView.allowsMultipleSelection = YES;

3、编辑模式下是否可以选中

self.tableView.allowsSelectionDuringEditing = NO;

4、编辑模式下是否可以多选

self.tableView.allowsMultipleSelectionDuringEditing = YES;

5、获取被选中的所有行

[self.tableView indexPathsForSelectedRows]

6、获取当前可见的行

[self.tableView indexPathsForVisibleRows];

7、 改变UITableViewCell选中时背景色

cell.selectedBackgroundView.backgroundColor

8、自定义UITableViewCell选中时背景

cell.selectedBackgroundView

9、自定义UITableViewCell选中时系统label字体颜色

cell.textLabel.highlightedTextColor

10、设置tableViewCell间的分割线的颜色

[theTableView setSeparatorColor:[UIColor xxxx ]];

11、pop返回table时,cell自动取消选中状态(在viewWillAppear中添加如下代码)

[self.tableView deselectRowAtIndexPath:[self.tableView indexPathForSelectedRow] animated:YES];

12、点击后,过段时间cell自动取消选中

 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
  //消除cell选择痕迹
  [self performSelector:@selector(deselect) withObject:nil afterDelay:0.5f];
}
- (void)deselect {
  [self.tableview deselectRowAtIndexPath:[self.tableview indexPathForSelectedRow] animated:YES];
}

以上所述是小编给大家介绍的AniOS 多选删除功能附tableViewTips及单选删除,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • IOS CoreAnimation中layer动画闪烁的解决方法

    网上有一段Core Animation层动画的例子,是将view中的云朵从左向右移动,直到移出屏幕,这时再将云朵移到最左端然后重复移动动画. 所有动画在layer上完成,不过有个小问题,就是第一次每朵云动画完成时,会在其原位置处有一个闪烁,然后才会移动到屏幕最右端,而随后的运动动画都没有这个问题了: 由于录制gif文件时使用的帧率比较低,所以上图较难展示这个问题.不过实际App运行的时候每朵云在第一次移出屏幕的时候都会在初始位置闪烁一下再运行随后的动画.这是为什么呢? 因为layer动画不同于v

  • 解决ios端点击按钮闪烁问题(小tips)

    在ios端,safari浏览器上触发click事件有300ms的延迟相应,为touch添加的样式会和click冲突而出现闪烁问题 在safari中触摸事件的相应顺序如下: touchstart --> touchmove --> touchend --> click(300ms) 此时可试用以下样式取消click事件的默认样式来消除页面闪烁问题 *{ -webkit-tap-highlight-color:rgba(0,0,0,0); } (值得一提的是,300ms的延迟主要是用于判断用

  • iOS 多选删除功能附tableViewTips及单选删除

    一.前言 这次分享并记录一下tableView的多选删除,并额外记录一下单选删除及tableView的设置小技巧. 二.想要实现的效果图如下: 1.先上原图 2.然后编辑图如下: 3.编辑步骤: 点击右上角按钮编辑,界面呈现编辑状态底部删除按钮弹出 选择删除cell项,点击右下角删除可删除 点击右上角,退出编辑状态,底部删除按钮退出界面 三.多选删除核心代码 1.设置允许tableView编辑状态下允许多选 _mainTableView.allowsMultipleSelectionDuring

  • java IO实现电脑搜索、删除功能的实例

    一.递归方法 1.递归就是自己调用本身的方法,前提是有方法. 2.递归使用 找出递归的规律 递归要有出口条件,也就是结束条件 3.注意事项 递归次数不能太多,否则会出现堆栈溢出现象 递归不能嵌套使用,否则出现死递归 二.IO介绍 1. i为Input输入,O为Output输出,API单独把输入和输出流封装成一个类,提供大量的方法供我们使用. 2. IO技术可以把数据写入到持久化设备(包括硬盘.光盘.U盘等),集合.数组虽然可以存储读取,但是仅仅暂存在内存中,当重新启动程序就不存在了. 3. 相对

  • 使用vue.js实现checkbox的全选和多个的删除功能

    template代码: <template> <div class="hello"> <ul> <li v-for="(item, index) in proData"> <label for=""> <input type="checkbox" :value="index" v-model="selectArr">

  • Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能

    最终实现效果: index.html <!DOCTYPE html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-animat

  • iOS开发之tableView实现左滑删除功能

    前言 这几天要实现左划删除的功能,发现网上很多帖子大多出自一人之手,然后都是 copy 的文章,其实都没有那么复杂,只实现一个代理方法就可以了 方法如下 - (void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath { if (editingStyle == UITa

  • Android中ListView绑定CheckBox实现全选增加和删除功能(DEMO)

    ListView控件还是挺复杂的,也是项目中应该算是比较常用的了,所以写了一个小Demo来讲讲,主要是自定义adapter的用法,加了很多的判断等等等等-.我们先来看看实现的效果吧! 好的,我们新建一个项目LvCheckBox 我们事先先把这两个布局写好吧,一个是主布局,还有一个listview的item.xml,相信不用多说 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/

  • iOS 通过collectionView实现照片删除功能

    一,效果图. 二,工程图. 三,代码. ViewController.h #import <UIKit/UIKit.h> @interface ViewController : UIViewController <UICollectionViewDataSource,UICollectionViewDelegate,UICollectionViewDelegateFlowLayout,UIAlertViewDelegate,UIActionSheetDelegate,UIImagePic

  • Bootstrap Table中的多选框删除功能

    先上代码,后面再进行详细解释: //删除按钮事件 $("#remove").on("click", function () { // $("#table").bootstrapTable('getSelections');为bootstrapTable自带的,所以说一定要使用bootstrapTable显示表格,#table:为table的id var rows = $("#table").bootstrapTable('ge

  • iOS自定义UITableView实现不同系统下的左滑删除功能详解

    前言 在我们的app开发当中,经常会用到UITableView 的左滑删除的功能,通常的话效果如下 但有时候系统现有的功能并不能完全满足我们的开发需求,这样就需要我们在其现有的功能基础上自定义我们所需要的功能了.下图是在项目中自定义的按钮(只是修改了按钮的frame而已). 然后我就总结了一下根据不同的需求自定义不同的按钮. 一.系统默认左滑删除按钮 如果你对左滑删除按钮的要求不高,仅仅只是实现UITableView上cell的左滑删除功能,那在UITableView的代理方法中添加以下两种方法

  • java实现多选批量删除功能

    本文为大家分享了java实现多选批量删除的具体代码,帮助大家更好的理解批量删除功能的实现过程,供大家参考,具体内容如下 本文用到的框架是:springmvc+mybatis 实现思路:多选复选框多个删除,点击全选全部选中,再次点击全部取消,为了保证操作的安全,应该提示框进行提升,用户再次点击确认删除进行删除,把选中的多个复选框的值传到后端进行循环删除,最后刷新数据,公司中为了保证数据安全一般不会真正删除而是把数据修改状态进行隐藏,也就是修改,这边以完全删除为例 部分效果截图(页面简陋) 点击全选

随机推荐