UITableView实现选择框和编辑状态时cell向右移动的自定义方法

转自:http://www.2cto.com/kf/201607/532203.html

一.首先我们先做一个tableview的demo看一下初始的效果

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80

// //  TableViewController.m //  UITableView实现选择框和编辑状态时cell向右移动UITableView选择框和编辑状态时cell的右移自定义 // //  Created by huasu on 16/7/29. //  Copyright ? 2016年 JY. All rights reserved. //   # import "TableViewController.h" # import "cellModel.h" # import "JYTableViewCell.h"   @interface TableViewController () @property (nonatomic,strong)NSMutableArray *dataSource; @end   @implementation TableViewController   //懒加载模型数组 -(NSMutableArray *)dataSource {      if (_dataSource==nil) {          _dataSource=[NSMutableArray array];      }      return _dataSource; } - ( void )viewDidLoad {      [ super viewDidLoad];      //UITableView实现选择框和编辑状态时cell向右移动的自定义方法      self.navigationItem.title=@ "tableview" ;      [self setdatasource]; } -( void )setdatasource {      for ( int i= 1 ; i< 20 ; i++) {          cellModel *model=[[cellModel alloc]init];          //判断偶数和基数          if (i% 2 == 1 ) {              model.type=YES;              model.text=[NSString stringWithFormat:@ "左边%d" ,i];          } else {              model.type=NO;              model.text=[NSString stringWithFormat:@ "右边%d" ,i];          }          [self.dataSource addObject:model];      } } - ( void )didReceiveMemoryWarning {      [ super didReceiveMemoryWarning];      // Dispose of any resources that can be recreated. }   #pragma mark - Table view data source   - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {      return 1 ; }   - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {      return self.dataSource.count; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {      JYTableViewCell * cell = [tableView dequeueReusableCellWithIdentifier:@ "JYTableViewCellID" ];      if (!cell) {          cell = [[[NSBundle mainBundle]loadNibNamed:@ "JYTableViewCell" owner:nil options:nil]lastObject];      }      cellModel *model = self.dataSource[indexPath.row];      if (model.type) {          cell.rightBtn.hidden=YES;          cell.leftBtn.hidden=NO;          [cell.leftBtn setTitle:model.text forState:UIControlStateNormal];      } else {          cell.leftBtn.hidden=YES;          cell.rightBtn.hidden=NO;          [cell.rightBtn setTitle:model.text forState:UIControlStateNormal];      }      return cell; }   @end

model和cell比较简单，截图看一下算了??

实时数据备份，备份容灾-浪擎

【点击进入】

实时在线复制数据，实时数据容灾， 数据恢复无需停机，400-017-3338

查 看

江湖科技O2O系统行业研发商,

【点击进入】

江湖科技O2O系统拥有外卖/家居/装修门户/ 商圈等O2O系统,O2O系统选择江湖!

查 看

搞定之后，效果如下图

江湖科技O2O系统行业研发商,

【点击进入】

江湖科技O2O系统拥有外卖/家居/装修门户/ 商圈等O2O系统,O2O系统选择江湖!

查 看

不好意思，模拟器不给力，分割线没有显示出来。。。。??

那么接下来我们先看看如何出现勾选选择框吧

首先，我们现在右上角放一个按钮，点击它出现勾选框，当然你们项目肯定是根据实际需求实现怎么弹出勾选框。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

-( void )setnavtitle {      NSMutableDictionary *btndict=[NSMutableDictionary dictionary];      btndict[NSFontAttributeName]=[UIFont systemFontOfSize: 16 ];      //自定义取消按钮      UIBarButtonItem *cancelbtn=[[UIBarButtonItem alloc]initWithTitle:@ "选择或取消" style:UIBarButtonItemStyleDone target:self action: @selector (cancelbtnclick)];      [cancelbtn setTitleTextAttributes:btndict forState:UIControlStateNormal];      self.navigationItem.leftBarButtonItem=cancelbtn;        UIBarButtonItem *qdbtn=[[UIBarButtonItem alloc]initWithTitle:@ "确定" style:UIBarButtonItemStyleDone target:self action: @selector (qdbtnclck)];      [qdbtn setTitleTextAttributes:btndict forState:UIControlStateNormal];      self.navigationItem.rightBarButtonItem=qdbtn;   } -( void )cancelbtnclick {   } -( void )qdbtnclck {   }

运输商业网络oTMS在线运输管理

【点击进入】

每月百万订单处理 在途运输管理可视化 按运单量收费 行业领先供应商

查 看

丑就丑点吧，这不是重点，??，重点就是我们要实现，点击选择或取消按钮，弹出勾选框，然后我们拿到选择的cell

接着上代码，我们要加上下面的这个方法，并在那两个点击方法里做一下实现：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{      //我们让能被3整除的cell顺序不显示勾选框，其他的都显示,当然也可以在model中定义别的属性，根据他的数据来判断哪一行不需要显示勾选框      int i =( int )indexPath.row+ 1 ;      if (i% 3 == 0 ) {          return UITableViewCellEditingStyleNone;      } else {          return UITableViewCellEditingStyleInsert|UITableViewCellEditingStyleDelete;      } } -( void )cancelbtnclick {      self.tableView.editing=!self.tableView.editing; } -( void )qdbtnclck {      NSLog(@ "点击了确定" );      NSArray * array = self.tableView.indexPathsForSelectedRows;        NSMutableArray * useridArray = [NSMutableArray array];          for (NSIndexPath *index in array) {          cellModel * model = self.dataSource[index.row];          [useridArray addObject:model];        }        if (useridArray.count != 0 ) {          NSLog(@ "你选择的cell的model都在useridArray数组里面,个数是%lu" ,(unsigned long )useridArray.count);          //        _createDChat(muArr);      } else {            NSLog(@ "没有选择任何cell" );        }   }

ok，选择做完了；

二：cell向右移动的自定义方法
有时候，cell我们并不是用xib做的，而是自己用mvc模式写出来的，比如我的项目，那么就可能会出现一个问题，说多了都是泪，上图：

发现坑了没？对就是右边的cell竟然移动出去了，哎。。。。
没办法，只能重写cell编辑模式的移动方法了！
//重写cell编辑模式移动方法
-(void) setEditing:(BOOL)editing animated:(BOOL)animated{
if (self.editing == editing)
{
return;
}

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

<code>[ super setEditing:editing animated:animated];   CGFloat moveSpace = 38 ; //一般移动距离是38 if (editing&&_cellFrame.message.type) //如果是编辑模式并且是右边的cell，那么我就让cell里面的控件再移动回来38，这样右边的cell就不会跑出去了 {      //让右边的cell移动回来      [_timeLabel setFrame:CGRectMake(_timeLabel.frame.origin.x - moveSpace, _timeLabel.frame.origin.y, _timeLabel.frame.size.width, _timeLabel.frame.size.height)];      [_headpicView setFrame:CGRectMake(_headpicView.frame.origin.x - moveSpace, _headpicView.frame.origin.y, _headpicView.frame.size.width, _headpicView.frame.size.height)];      [_nicknameLabel setFrame:CGRectMake(_nicknameLabel.frame.origin.x - moveSpace, _nicknameLabel.frame.origin.y, _nicknameLabel.frame.size.width, _nicknameLabel.frame.size.height)];      [_contentView setFrame:CGRectMake(_contentView.frame.origin.x - moveSpace, _contentView.frame.origin.y, _contentView.frame.size.width, _contentView.frame.size.height)];   }   //这个方法要看你取消编辑模式，tableview有没有刷新一次（也就是reloadData），如果有刷新tableview数据，那么就不需要再写这个方法了，因为tableview重新加载数据会重新计算不在编辑模式的每个cell的frame，如果没有刷新tableview，那么要添加上下面这个方法，把右边的cell再给它移动回去。 else if (!editing&&_cellFrame.message.type) {      //让右边的cell移动回来      [_timeLabel setFrame:CGRectMake(_timeLabel.frame.origin.x + moveSpace, _timeLabel.frame.origin.y, _timeLabel.frame.size.width, _timeLabel.frame.size.height)];      [_headpicView setFrame:CGRectMake(_headpicView.frame.origin.x + moveSpace, _headpicView.frame.origin.y, _headpicView.frame.size.width, _headpicView.frame.size.height)];      [_nicknameLabel setFrame:CGRectMake(_nicknameLabel.frame.origin.x + moveSpace, _nicknameLabel.frame.origin.y, _nicknameLabel.frame.size.width, _nicknameLabel.frame.size.height)];      [_contentView setFrame:CGRectMake(_contentView.frame.origin.x + moveSpace, _contentView.frame.origin.y, _contentView.frame.size.width, _contentView.frame.size.height)]; } </code>

}