IOS-TableView全选、返选、取消、删除

16 篇文章 0 订阅
6 篇文章 0 订阅

本次讲解如何在移动端做Tableview的全选,返选,删除的功能;利用Tableview官方自带的方法,直观简洁好使。
在这里插入图片描述

一:功能

1.默认右上角“编辑”
2.点击编辑,显示下方View样式“全选/返选”,“删除”功能,并编辑文本变为“取消”,点击取消就退出了。
3.列表的全选/返选/取消某个列表的选择等

二:思路分析
1.布局样式/代理/点击按钮方法实现
2.定义数据层。获取到总数据列表,选择了某个列表就赋值给新的待删除确认列表,一个做tableview编辑的判断,判断是否可以选择,判断列表是否选中
3.按钮的点击事件(编辑,全选,确认,删除)
4.获取到服务器数据列表list,赋值给待选中的数组
5.进行与服务器的数组比较,列表的id是否是数组中的某个值,返选时需要。
6.功能完善,点击确认删除,成功…

注意:

//此行不能加,否则列表点击不会有选择的效果
- wifiCell.selectionStyle = UITableViewCellSelectionStyleNone;

//判断列表有没有选中,没有选中则为false

  • self.wfView.wfTableView.isEditing == false

三:代码

1.样式h

#import <UIKit/UIKit.h>
#import "BaseView.h"

@protocol WifiViewDelegate <NSObject>

-(void)onTapCilck;//点击全选/返选

-(void)onTapCancel;//确认删除

@end

@interface WifiView : BaseView

@property(weak,nonatomic) id<WifiViewDelegate> delegate;

@property(nonatomic,strong) UIView *bottomView;//下方按钮的view

@property(nonatomic,strong) UITableView *wfTableView;//列表

@property(nonatomic,strong) UILabel * checkAll;//左按钮全选文字

@property(nonatomic, strong) UIButton *checkAll_Btn;//左按钮

@property(nonatomic, strong) UILabel *canCelb;//右按钮删除文字

@property(nonatomic, strong) UIButton *canCel_Btn;//右按钮

@end

2.m逻辑层
在这里插入图片描述

//右边的按钮
-(void)customNavigationRightItem{
    _item = [[UIBarButtonItem alloc] initWithTitle:@"Edit" style:UIBarButtonItemStylePlain target:self action:@selector(onSevleClick)];
    _item.tintColor = [UIColor whiteColor];
    self.navigationItem.rightBarButtonItem = _item;
}
-(void)onSevleClick{
    
    if(self.wfView.wfTableView.isEditing == false){
            _item.title = @"Cancel";
            [self functionSelect:NO];
            self.wfView.bottomView.hidden = NO;
            self.wfView.checkAll_Btn.hidden = NO;
            self.wfView.canCel_Btn.hidden = NO;
    }else{
            _item.title = @"Edit";
            [self functionSelect:YES];
            self.wfView.bottomView.hidden = YES;
            self.wfView.checkAll_Btn.hidden = YES;
            self.wfView.canCel_Btn.hidden = YES;
    }
}
-(void)functionSelect:(BOOL)tile{
    if(tile){
  
        _isInsertEdit = tile;
        for (int i = 0; i< _houList.count; i++) {
          NSIndexPath *indexPath = [NSIndexPath indexPathForItem:i inSection:0];
          [self.wfView.wfTableView deselectRowAtIndexPath:indexPath animated:NO];
         }
        [self.deleteArray removeAllObjects];
        [self.wfView.wfTableView setEditing:NO animated:YES];
    }else{

        self.wfView.checkAll.text = @"Select All";
        _isInsertEdit = tile;
        [self.wfView.wfTableView setEditing:YES animated:YES];
    }
}

点击左边的全选/返选方法

-(void)onTapCilck{

    if(_isInsertEdit) {
        _isInsertEdit = NO;
        self.wfView.checkAll.text = @"Select All";
        [self.deleteArray removeAllObjects];
        
        [self.wfView.wfTableView setEditing:YES animated:YES];
        [self.wfView.wfTableView reloadData];
    }else {
        self.wfView.checkAll.text = @"Reselect";
        _isInsertEdit = YES;
        [self.deleteArray removeAllObjects];
        for (int i = 0; i< self.houList.count; i++) {
            
            Devices *model = [_houList objectAtIndex:i];
            [self.deleteArray addObject:model.deviceId];
            NSIndexPath *indexPath = [NSIndexPath indexPathForItem:i inSection:0];
            [self.wfView.wfTableView selectRowAtIndexPath:indexPath animated:YES scrollPosition:UITableViewScrollPositionNone];
        }
        [self.wfView.wfTableView setEditing:YES animated:YES];
    }
}
//删除的按钮事件
-(void)onTapCancel{
    NSLog(@"onTapCancel==onTapCancel======%@",_deleteArray);
    
    //_deleteArray待删除确认的数组要大于0,否则提示请选中。
    
    if(_deleteArray.count > 0){
        NSString *tips = @"Are you sure to continue deleting?";
        NSString *all = [NSString stringWithFormat:@"%@ %lu set of selected equipment list",tips,(unsigned long)_deleteArray.count];
        CustomView *csview = [[CustomView alloc]initBackroundImage:@"beijingkuang_tuan" Title:@"Delete Tips" contentString:all sureButtionTitle:@"Confirm" cancelButtionTitle:@"Cancel"];
        [csview setSureBolck:^(BOOL clickStatu) {
         
            for(int i=0; i<self.deleteArray.count; i++){
                [self.wfModel deleteDevice:self.deleteArray[i]];
            }
            [WHToast showMessage:@"successfully deleted" originY:500 duration:2 finishHandler:^{
            }];
        }];
    }else{
        [WHToast showMessage:@"Please select the device list to delete" originY:500 duration:2 finishHandler:^{
        }];
    }
}
/*
    代理
 */
 //这里就是接收服务器的数据,赋值给houList数据列表
-(void)getDataSuccess:(NSArray*_Nullable) resultes{
    [self hideHud];
    [self.refreshControl endRefreshing];
    self.wfView.netView.hidden = YES;
    [self.wfView.wfTableView.mj_header endRefreshing];
   if(resultes.count>0){
        self.houList = [NSMutableArray arrayWithArray:resultes];
        self.dataList = [NSMutableArray arrayWithArray:resultes];
        [self.wfView.wfTableView reloadData];
   }else{
       [WHToast showMessage:@"The data is empty." originY:500 duration:2 finishHandler:^{
        }];
   }
}

//关于Tableview的一些方法

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    
    WifiCell *wfCell = [tableView dequeueReusableCellWithIdentifier:@CELLIDENTIFITER];
    
    if (wfCell == nil) {
        wfCell = [[WifiCell alloc] initWithStyle:UITableViewCellStyleDefault
            reuseIdentifier:@CELLIDENTIFITER];
    }
    

    if([_houList count]>0){
        Devices *model = [_houList objectAtIndex:indexPath.row];
        wfCell.deviceAddre.text = model.numId;
        wfCell.deviceName.text = model.deviceId;
    }
    return wfCell;
}
#pragma tableView的点击事件 进行到下一个界面的时候
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    //取消按下去后会有一个颜色
    //[tableView deselectRowAtIndexPath:indexPath animated:NO];
    static NSString *cellIdentifiter = @"WifiCellIdentifiter";
    WifiCell *wifiCell= [tableView dequeueReusableCellWithIdentifier:cellIdentifiter];

    if (wifiCell == nil) {
        wifiCell = [[WifiCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifiter];
        //wifiCell.selectionStyle = UITableViewCellSelectionStyleNone;
    }
    
    if(_houList.count > 0){
        Devices *model = [_houList objectAtIndex:indexPath.row];
        NSLog(@"model.deviceId======%@",model.deviceId);
        //判断列表如果没有进入编辑状态,点列表就进入下一个页面。否则选中当前某个指定列表
        if(self.wfView.wfTableView.isEditing == false) {
              NSUInteger row = [indexPath row];
              if(row<_houList.count){
                 // Devices *model = [_houList objectAtIndex:indexPath.row];
                  HandlerViewController *blue = [[HandlerViewController alloc] init];
                  blue.deviceId=model.deviceId;
                  blue.title = @"Date";
                  [self.navigationController pushViewController:blue animated:YES];
              }
        }else{
            NSLog(@"选择当前的列表======");
            //print("")
            [self.deleteArray addObject:model.deviceId];
             //_deleteArray.append(!)
        }
        
    }
}
//此方法,是当选中某个指定列表后,返选取消选中的时候。就进入此方法。
- (void)tableView:(UITableView *)tableView didDeselectRowAtIndexPath:(NSIndexPath *)indexPath {
    //取消按下去后会有一个颜色
    //
    static NSString *cellIdentifiter = @"WifiCellIdentifiter";
    WifiCell *wifiCell= [tableView dequeueReusableCellWithIdentifier:cellIdentifiter];

    if (wifiCell == nil) {
        wifiCell = [[WifiCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifiter];
        //无色
        //wifiCell.selectionStyle = UITableViewCellSelectionStyleNone;
    }

    if(_deleteArray.count > 0){
        
        Devices *model = [_houList objectAtIndex:indexPath.row];
        NSLog(@"model.deviceId======%@",model.deviceId);
        //循环进行比较,服务器的列表数据和当前需要返选移除的列表id
        for(int i=0; i<_deleteArray.count; i++){
            if([model.deviceId containsString:_deleteArray[i]]){
                //[self.houList addObject:model];
                [self.deleteArray removeObject:[_deleteArray objectAtIndex:i]];
            }
        }
    }
    
    //[self.wfView.wfTableView deselectRowAtIndexPath:indexPath animated:NO];
    //self.wfView.wfTableView.deselectRow(at: indexPath,animated:true);
}

到此为止讲述完毕!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 iOS 开发中,TableView 是一个非常重要的视图控件,用于展示大量数据。而 TableView 中的 HeaderView 和 FooterView 也是非常重要的组件,可以用于展示一些额外的信息或者操作按钮。在 TableView 中,我们可以通过注册重用标识符来复用 Cell,但是对于 HeaderView 和 FooterView 却没有提供类似的注册方法。本文将介绍如何在 TableView 中循环利用 HeaderView,并且还会介绍如何自定义 HeaderView。 ## 循环利用 TableView 中的 HeaderView 在 TableView 中,我们可以通过以下方法来设置 HeaderView: ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, tableView.bounds.size.width, 44)]; headerView.backgroundColor = [UIColor grayColor]; return headerView; } - (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section { return 44; } ``` 上面的代码中,我们通过实现 `tableView:viewForHeaderInSection:` 方法来设置 HeaderView 的内容和样式,通过实现 `tableView:heightForHeaderInSection:` 方法来设置 HeaderView 的高度。但是如果我们在 TableView 中有很多组数据,每次都创建一个新的 HeaderView 会非常消耗性能,因此我们需要对 HeaderView 进行循环利用。 循环利用 HeaderView 的实现方法非常简单,我们只需要在 TableView 的代理方法中通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法来获取 HeaderView,如果获取到的 HeaderView 为 nil,就创建一个新的 HeaderView,否则就回重用的 HeaderView。 ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; UITableViewHeaderFooterView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; if (!headerView) { headerView = [[UITableViewHeaderFooterView alloc] initWithReuseIdentifier:headerIdentifier]; headerView.contentView.backgroundColor = [UIColor grayColor]; } return headerView; } ``` 上面的代码中,我们首先定义一个静态的重用标识符 `headerIdentifier`,然后通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法获取重用的 HeaderView。如果获取到的 HeaderView 为 nil,我们就创建一个新的 HeaderView,并且设置它的重用标识符为 `headerIdentifier`。最后,我们设置 HeaderView 的背景颜色,并且回 HeaderView。 ## 自定义 TableView 中的 HeaderView 除了循环利用 HeaderView,我们还可以自定义 HeaderView。自定义 HeaderView 的方法与自定义 Cell 的方法类似,我们需要在 XIB 或者代码中创建一个自定义的 HeaderView,然后在 TableView 的代理方法中回它。 ### 在 XIB 中创建自定义 HeaderView 在 XIB 中创建自定义 HeaderView 的方法非常简单,我们只需要创建一个新的 XIB 文件,然后在 XIB 中添加一个 UIView,将它的 Class 设置为 UITableViewHeaderFooterView,接着就可以在 XIB 中自定义 HeaderView 的内容和样式了。 创建完成后,我们需要在代码中注册这个 XIB 文件,并且设置它的重用标识符。在 TableView 的初始化方法中,我们可以通过以下方法来注册 XIB 文件: ``` UINib *headerNib = [UINib nibWithNibName:@"HeaderView" bundle:nil]; [tableView registerNib:headerNib forHeaderFooterViewReuseIdentifier:@"headerIdentifier"]; ``` 上面的代码中,我们首先通过 `nibWithNibName:bundle:` 方法加载 XIB 文件,然后通过 `registerNib:forHeaderFooterViewReuseIdentifier:` 方法注册 XIB 文件,并且设置它的重用标识符为 `headerIdentifier`。 最后,在 TableView 的代理方法中,我们可以通过以下方法来获取自定义的 HeaderView: ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; UITableViewHeaderFooterView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; return headerView; } ``` ### 在代码中创建自定义 HeaderView 在代码中创建自定义 HeaderView 的方法也非常简单,我们只需要创建一个继承自 UITableViewHeaderFooterView 的类,然后在这个类中实现自定义 HeaderView 的内容和样式。 ``` @interface CustomHeaderView : UITableViewHeaderFooterView @property (nonatomic, strong) UILabel *titleLabel; @end @implementation CustomHeaderView - (instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier { if (self = [super initWithReuseIdentifier:reuseIdentifier]) { self.contentView.backgroundColor = [UIColor grayColor]; self.titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(10, 0, self.contentView.bounds.size.width - 20, self.contentView.bounds.size.height)]; self.titleLabel.font = [UIFont systemFontOfSize:16]; self.titleLabel.textColor = [UIColor whiteColor]; [self.contentView addSubview:self.titleLabel]; } return self; } @end ``` 上面的代码中,我们创建了一个名为 `CustomHeaderView` 的类,继承自 UITableViewHeaderFooterView。在这个类的初始化方法中,我们设置了 HeaderView 的背景颜色,并且创建了一个 UILabel 来显示标题,最后将它添加到 HeaderView 的 contentView 上。 创建完成后,我们需要在代码中注册这个自定义 HeaderView,并且设置它的重用标识符。在 TableView 的初始化方法中,我们可以通过以下方法来注册自定义 HeaderView: ``` [tableView registerClass:[CustomHeaderView class] forHeaderFooterViewReuseIdentifier:@"headerIdentifier"]; ``` 上面的代码中,我们通过 `registerClass:forHeaderFooterViewReuseIdentifier:` 方法注册自定义 HeaderView,并且设置它的重用标识符为 `headerIdentifier`。 最后,在 TableView 的代理方法中,我们可以通过以下方法来获取自定义的 HeaderView: ``` - (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section { static NSString *headerIdentifier = @"headerIdentifier"; CustomHeaderView *headerView = [tableView dequeueReusableHeaderFooterViewWithIdentifier:headerIdentifier]; headerView.titleLabel.text = [NSString stringWithFormat:@"Header %ld", section]; return headerView; } ``` 上面的代码中,我们首先定义一个静态的重用标识符 `headerIdentifier`,然后通过 `dequeueReusableHeaderFooterViewWithIdentifier:` 方法获取自定义的 HeaderView,并且设置它的标题为 `Header section`。最后,我们回自定义的 HeaderView。 总结 在本文中,我们介绍了如何在 TableView 中循环利用 HeaderView,并且还介绍了如何自定义 HeaderView。循环利用 HeaderView 可以提高 TableView 的性能,自定义 HeaderView 可以让我们更加灵活地控制 HeaderView 的样式和内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值