首页 > 代码库 > iOS_动态插入删除行

iOS_动态插入删除行

最终效果图:

分MVC三层设计;自定义的Cell有两种;一种是MainCell,由ModelArr提供数据源;另一种是插入的cell,由代码创建,并且由另外一个数组供状态数据
数据源部分:

//
//  MyProjectCellModel.h
//  动态插入删除行
//
//  Created by beyond on 14-10-18.
//  Copyright (c) 2014年 com.beyond All rights reserved.
//  列表 的cell用到的数据模型

#import <Foundation/Foundation.h>

@interface MyProjectCellModel : NSObject

// 图标
@property (nonatomic,copy) NSString *icon;
// 标题
@property (nonatomic,copy) NSString *title;
// 发布状态
@property (nonatomic,copy) NSString *publishStatus;
// 日期
@property (nonatomic,copy) NSString *date;
// 多少人关注
@property (nonatomic,copy) NSString *num;

// 点击最右侧的按钮,需要进行什么操作??弹出一个View,用于修改发布的状态???

// 类方法,字典 转 对象 类似javaBean一次性填充
+ (MyProjectCellModel *)modelWithDict:(NSDictionary *)dict;

// 对象方法,设置对象的属性后,返回对象
- (MyProjectCellModel *)initWithDict:(NSDictionary *)dict;


@end

<span style="color:#330033;">//
//  MyProjectCellModel.m
//  动态插入删除行
//
//  Created by beyond on 14-10-18.
//  Copyright (c) 2014年 com.beyond All rights reserved.
//  列表 的cell用到的数据模型

#import "MyProjectCellModel.h"

@implementation MyProjectCellModel
// 类方法,字典 转 对象 类似javaBean一次性填充
+ (MyProjectCellModel *)modelWithDict:(NSDictionary *)dict
{
    // 只是调用对象的initWithDict方法,之所以用self是为了对子类进行兼容
    return [[self alloc]initWithDict:dict];
}

// 对象方法,设置对象的属性后,返回对象
- (MyProjectCellModel *)initWithDict:(NSDictionary *)dict
{
    // 必须先调用父类NSObject的init方法
    if (self = [super init]) {
        // 设置对象自己的属性
        [self setValuesForKeysWithDictionary:dict];
    }
    // 返回填充好的对象
    return self;
}
@end
</span>


主Cell,由xib和类声明、类实现组成

//
//  MyProjectCell.h
//  动态插入删除行
//
//  Created by beyond on 14-10-18.
//  Copyright (c) 2014年 com.beyond All rights reserved.
//  这个是主要的Cell,用于展示微博数据的Cell

#import <UIKit/UIKit.h>
// 定义一个block,作用是点击了 右侧的按钮,告诉主控制器弹出一个 View(包含暂停、修改、删除),block的参数是(int row)
typedef void(^cellRightBtnBlock)(int) ;

@class MyProjectCellModel;

@interface MyProjectCell : UITableViewCell

// 图标
@property (nonatomic,weak)IBOutlet UIImageView *iconView;
// 标题
@property (nonatomic,weak)IBOutlet UILabel *titleLabel;
// 微博的发布状态【暂停、草稿、发布、过期】
@property (nonatomic,weak)IBOutlet UILabel *publishStatusLabel;
// 日期
@property (nonatomic,weak)IBOutlet UILabel *dateLabel;
// 多少人关注的数字 部分
@property (nonatomic,weak)IBOutlet UILabel *numLabel;
// 多少人关注的固定的文字,没有人关注此条微博时,就不显示
@property (nonatomic,weak)IBOutlet UILabel *constLabel;

// 一个成员属性block,当cell右边的按钮被点击的时候,就会调用,弹出一个view,供用户修改微博的状态
@property (nonatomic,copy)cellRightBtnBlock wannaChangeStatusBlock;


// 从xib中加载 实例化一个对象
+ (MyProjectCell *)myProjectCell;

// 返回封装好数据之后的对象
- (MyProjectCell *)cellWithCellModel:(MyProjectCellModel *)cellModel;
@end


//
//  MyProjectCell.m
//  动态插入删除行
//
//  Created by beyond on 14-10-18.
//  Copyright (c) 2014年 com.beyond All rights reserved.
//  这个是主要的Cell,用于展示微博数据的Cell

#import "MyProjectCell.h"
#import "MyProjectCellModel.h"
@implementation MyProjectCell

// 从xib中加载 实例化一个对象
+ (MyProjectCell *)myProjectCell
{
    // mainBundel加载xib,扩展名不用写.xib
    return [[NSBundle mainBundle] loadNibNamed:@"MyProjectCell" owner:nil options:nil][0];
}


// 返回封装好数据之后的对象
- (MyProjectCell *)cellWithCellModel:(MyProjectCellModel *)cellModel
{
    
    // 头像圆角
    _iconView.layer.cornerRadius = 6;
    _iconView.layer.masksToBounds = YES;
    
    
    _iconView.image = [UIImage imageNamed:cellModel.icon];
    _titleLabel.text = cellModel.title;
    _publishStatusLabel.text = cellModel.publishStatus;
    _dateLabel.text = cellModel.date;
    if ([_numLabel.text intValue]) {
        _constLabel.hidden = YES;
    } else {
        _numLabel.text = cellModel.num;
        _constLabel.hidden = NO;
    }
    // 生成一个右侧按钮,添加到cell最右方
    UIButton *rightBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    [rightBtn setBackgroundImage:[UIImage imageNamed:@"MyProjectCellRightBtn"] forState:UIControlStateNormal];
    rightBtn.frame = CGRectMake(286, 0, 34, 44);
    [self.contentView addSubview:rightBtn];
    rightBtn.tag = 5267;
    [rightBtn setBackgroundImage:[UIImage imageNamed:@"MyProjectCellRightBtn.png"] forState:UIControlStateNormal];
    [rightBtn addTarget:self action:@selector(rightBtnClicked:) forControlEvents:UIControlEventTouchUpInside];
    return self;
}


// 定义宏,判断ios7
#define iOS7 [[[UIDevice currentDevice]systemVersion] floatValue] >= 7.0
- (void)rightBtnClicked:(UIButton *)sender
{
    int row = 0;
    MyProjectCell *cell;
    UITableView *tableView;
    if(iOS7){
        NSLog(@"按钮的父类2:%@",[[[sender superview] superview] superview]);
        cell = (MyProjectCell *)[[[sender superview] superview] superview];
        
        NSLog(@"cell的父类2:%@",[[cell superview] superview] );
        
        tableView = ( UITableView*)[[cell superview] superview] ;
    }else{
        // iOS6
        cell = (MyProjectCell *)[sender superview];
        NSLog(@"被点击的cell:%@",cell);
        tableView = ( UITableView*)[cell superview];
    }
    NSIndexPath *path = [tableView indexPathForCell:cell];
    row = path.row;
    NSLog(@"父类1%@",[sender superview]);
    NSLog(@"父类2%@",[[sender superview] superview]);
    NSLog(@"父类3%@",[[[sender superview] superview]superview]);
    NSLog(@"父类4%@",[[[[sender superview] superview]superview]superview]);
    
    NSLog(@"点击了第%d行 右边的按钮",row);
    // 调用外界的控制器的block,并将cell的行号传递过去
    _wannaChangeStatusBlock(row);
}



@end


附加的Cell,即当点击MainCell最右侧的按钮时,动态添加在主Cell下方
//
//  ChangeStatusCell.m
//  动态插入删除行
//
//  Created by beyond on 14-10-18.
//  Copyright (c) 2014年 com.beyond All rights reserved.
//  附加的Cell,当点击MainCell最右侧的按钮时,动态添加在主Cell下方

#import "ChangeStatusCell.h"


@implementation ChangeStatusCell
// 附加的cell,没有xib,由代码创建
- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier
{
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        // 添加三个按钮,并设置tag
        UIButton *b1 = [self createButtonWithFrame:CGRectMake(0 , 0, 106.5, 44) Target:self Selector:@selector(btnAction:) Image:@"StatusPause_gray.png" ImagePressed:@"StatusPause_blue.png"];
        b1.tag = 1;
        
        UIButton *b2 = [self createButtonWithFrame:CGRectMake(106.5, 0, 106.5, 44) Target:self Selector:@selector(btnAction:) Image:@"StatusModify_gray.png" ImagePressed:@"StatusModify_blue.png"];
        b2.tag = 2;
        
        UIButton *b3 = [self createButtonWithFrame:CGRectMake(213, 0, 106.5, 44) Target:self Selector:@selector(btnAction:) Image:@"StatusTrash_gray.png" ImagePressed:@"StatusTrash_blue.png"];
        b3.tag = 3;
        // 添加到contentView,否则无法接收到事件
        // 例如:直接添加一个按钮到tableView里面 是无法接收到事件的;因为tableView它不会把事件传递给它体系之外的任何控件 
        [self.contentView addSubview:b1];
        [self.contentView addSubview:b2];
        [self.contentView addSubview:b3];
    }
    return self;
}


- (void)btnAction:(id)sender {
    UIButton *btn = (UIButton *)sender;
    switch (btn.tag) {
        case 1:
        {
            NSLog(@">>>>>>>>>>B1");
        }
            break;
        case 2:
        {
            NSLog(@">>>>>>>>>>B2");
        }
            break;
        case 3:
        {
            NSLog(@">>>>>>>>>>B3");
        }
            break;
        default:
            break;
    }
    
    
}
#pragma mark - 工具方法
- (UIButton*) createButtonWithFrame: (CGRect) frame Target:(id)target Selector:(SEL)selector Image:(NSString *)image ImagePressed:(NSString *)imagePressed
{
    UIButton * button = [UIButton buttonWithType:UIButtonTypeCustom];
    [button setFrame:frame];
    UIImage *newImage = [UIImage imageNamed: image];
    [button setBackgroundImage:newImage forState:UIControlStateNormal];
    UIImage *newPressedImage = [UIImage imageNamed: imagePressed];
    [button setBackgroundImage:newPressedImage forState:UIControlStateHighlighted];
    [button addTarget:target action:selector forControlEvents:UIControlEventTouchUpInside];
    return button;
}
@end


控制器,继承自UIViewController,最核心的部分
//
//  MyProjectController.m
//  动态插入删除行
//
//  Created by beyond on 14-10-18.
//  Copyright (c) 2014年 com.beyond All rights reserved.
//  控制器,最最重要的部分

#import "MyProjectController.h"
#import "MyProjectCell.h"
#import "ChangeStatusCell.h"
#import "MyProjectCellModel.h"
// 非常好用的,快速创建rect并且适配的宏
#define IsIOS7 ([[[[UIDevice currentDevice] systemVersion] substringToIndex:1] intValue]>=7)
#define CGRECT_NO_NAV(x,y,w,h) CGRectMake((x), (y+(IsIOS7?20:0)), (w), (h))
#define CGRECT_HAVE_NAV(x,y,w,h) CGRectMake((x), (y+(IsIOS7?64:0)), (w), (h))


#define IS_IOS7 [[[UIDevice currentDevice] systemVersion] floatValue] >= 7.0
@interface MyProjectController ()<UITableViewDataSource,UITableViewDelegate>
{
    UITableView *_tableView;
    // 数据源 对象 数组
    NSMutableArray *_modelArr;
    // 辅助的状态 字典 数组;长度与上面的modelArr一样
    NSMutableArray *_statusDictArr;
    // 记录已经展开的行号
    int _ExpandedMainCellRow;
}
@end
@implementation MyProjectController
- (void)viewDidLoad
{
    [super viewDidLoad];
    
    if (IS_IOS7) {
        self.edgesForExtendedLayout = UIRectEdgeNone;
        self.extendedLayoutIncludesOpaqueBars = NO;
        self.modalPresentationCapturesStatusBarAppearance = NO;
    }
    // 添加tableView,并设置代理和数据源
    UITableView *tableView = [[UITableView alloc]initWithFrame:CGRECT_NO_NAV(0, 0, 320, 460) style:UITableViewStylePlain];
    tableView.dataSource = self;
    tableView.delegate = self;
    [self.view addSubview:tableView];
    
    
    _tableView = tableView;
    _ExpandedMainCellRow = -1;
    // 提供数据模型的数组
    _modelArr = [NSMutableArray array];
    // 用于记录 主Cell和附加Cell 以及 附加状态的数组;二者长度相同
    _statusDictArr = [NSMutableArray array];
    // 加载数据源
    [self loadData];
}
#pragma mark - 初始化数据
- (void)loadData
{
    NSString *filePath = [[NSBundle mainBundle]pathForResource:@"MyProjectList.plist" ofType:nil];
    NSArray *tempArr = [NSArray arrayWithContentsOfFile:filePath];
    // 非常重要!!!!!!!仅供状态数组 使用
    NSDictionary *statusDict = @{  @"Cell": @"MyProjectCell",
                                   @"isAttached":@(NO)
                                   };
    for (NSDictionary *dict in tempArr) {
        MyProjectCellModel *model = [MyProjectCellModel modelWithDict:dict];
        [_modelArr addObject:model];
        [_statusDictArr addObject:statusDict];
    }
}

#pragma mark - TableView代理方法
// 取消默认点击cell的选中效果
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{
    [tableView deselectRowAtIndexPath:indexPath animated:YES];
}
// 行高
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{
    return 44;
}
#pragma mark - TableView数据源
// 总的行数
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{
    return _statusDictArr.count;
}
// 核心方法;分情况创建cell;或者为cell填充数据模型
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
    if ([[_statusDictArr[indexPath.row] objectForKey:@"Cell"] isEqualToString:@"MyProjectCell"])
    {
        static NSString *cellID_1 = @"MyProjectCell";
        MyProjectCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID_1];
        if (cell == nil) {
            cell = [MyProjectCell myProjectCell];
            cell.selectionStyle = UITableViewCellSelectionStyleGray;
            __unsafe_unretained MyProjectController *blockCtroller = self;
            cell.wannaChangeStatusBlock = ^(int row){
                NSLog(@"控制器中拿到被点击的cell的行号: %d",row);
                // 调用控制器的方法,显示 或者 隐藏 用于更改状态的view
                [blockCtroller showHideChangeStatusView:row];
            };
        }
        // 传递数据源
        // 设置cell中独一无二的内容
        int tempRow = indexPath.row;
        if (_ExpandedMainCellRow != -1 && indexPath.row > _ExpandedMainCellRow) {
            tempRow = indexPath.row - 1;
        }
        // 如果是由于 刚才展开的行,被关闭,而导致 本方法被调用;则没有展开的,还是按原来的位置取数据模型
        if (_ExpandedMainCellRow == -1) {
            tempRow = indexPath.row;
        }
        MyProjectCellModel *model = [_modelArr objectAtIndex:tempRow];
        cell = [cell cellWithCellModel:model];
        return cell;
    }else if([[_statusDictArr[indexPath.row] objectForKey:@"Cell"] isEqualToString:@"ChangeStatusCell"]){
        static NSString *cellID_2 = @"ChangeStatusCell";
        ChangeStatusCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID_2];
        if (cell == nil) {
            cell = [[ChangeStatusCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellID_2];
            cell.selectionStyle = UITableViewCellSelectionStyleNone;
        }
        return cell;
    }
    return nil;
}
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    // 开始滚动之前先关闭已经展开的AttachRow
}
#pragma mark - 点击了cell最右边的按钮时调用
//显示 或者 隐藏 用于更改状态的view
- (void)showHideChangeStatusView:(int)row
{
    if (row == _ExpandedMainCellRow) {
        // 如果这次点击的行 已经是打开的行,则直接关闭,并返回
        [self closeOneExpandedCell:_ExpandedMainCellRow];
    }else{
        if (_ExpandedMainCellRow == -1) {
            //代表从来没有展开过,首次展开
            [self expandOneRow:row];
        } else {
            // 如果本次点击的行还没有展开,先关闭上次的展开的行;再展开开次的行
            // 特别注意,这个row行号是包含了已经展开的AttachCell,因此,要 减去 1;此时的行号才是modelArr中的行号
            if (_ExpandedMainCellRow < row) {
                // 展开的行,在上面;新点击的行 在下面
                row = row - 1;
            }
            [self closeOneExpandedCell:_ExpandedMainCellRow];
            [self expandOneRow:row];
        }
        
    }
}
// 关闭一个指定行的ExpandedCell
- (void)closeOneExpandedCell:(int)row
{
    // 因为本操作执行完成后,就没有展开的行,所以要先清零;必须先清零~~~~因为tableViewupdate方法中会调用cellForRow方法
    _ExpandedMainCellRow = -1;
    
    // 如果第0行已经是附加了,则关闭附加cell
    NSDictionary * dic = @{@"Cell": @"MyProjectCell",@"isAttached":@(NO)};
    // 主Cell中的bool还原为NO
    _statusDictArr[row] = dic;
    NSLog(@"删除前:%d",[_statusDictArr count]);
    // 主Cell数组中的的下一个位置处的AttchedCell删除
    [_statusDictArr removeObjectAtIndex:row+1];
    NSLog(@"删除后:%d",[_statusDictArr count]);
    [_tableView beginUpdates];
    NSIndexPath *path = [NSIndexPath indexPathForRow:row+1 inSection:0];
    [_tableView deleteRowsAtIndexPaths:@[path]  withRowAnimation:UITableViewRowAnimationMiddle];
    [_tableView endUpdates];
    
    
}
//记录下 并且 展开指定的行 (顺序千万不能反)
- (void)expandOneRow:(int)row
{
    _ExpandedMainCellRow = row;
    // 如果第0行没有打开附加的cell,则打开附加cell
    NSDictionary * dic = @{@"Cell": @"MyProjectCell",@"isAttached":@(YES)};
    // 修改主Cell的状态字 isAttached为yes
    _statusDictArr[row] = dic;
    // 插入一个新的ChangeStatusCell到数组中
    NSDictionary * addDic = @{@"Cell": @"ChangeStatusCell",@"isAttached":@(YES)};
    [_statusDictArr insertObject:addDic atIndex:row + 1];
    [_tableView beginUpdates];
    NSIndexPath *path = [NSIndexPath indexPathForRow:row + 1 inSection:0];
    [_tableView insertRowsAtIndexPaths:@[path] withRowAnimation:UITableViewRowAnimationMiddle];
    [_tableView endUpdates];
    if (row == _modelArr.count -1) {
        // 如果展开的是最后一行,还要让tableView向上滚动44的高度
        [self showExpandedCellForLastRow];
    }
}
// 如果展开的是最后一行,还要让tableView向上滚动44的高度
- (void)showExpandedCellForLastRow
{
    NSIndexPath *path = [NSIndexPath indexPathForRow:_modelArr.count  inSection:0];
    [_tableView scrollToRowAtIndexPath:path atScrollPosition:UITableViewScrollPositionMiddle animated:YES];
}

@end




iOS_动态插入删除行