iOS UITableView插入删除行

原创 2015年07月07日 20:09:54

系统已经提供了方法来处理UITableView的插入和删除行。

- (void)insertRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;

- (void)deleteRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimation:(UITableViewRowAnimation)animation;

相关的还有两个方法

- (void)beginUpdates;   // allow multiple insert/delete of rows and sections to be animated simultaneously. Nestable

- (void)endUpdates;     // only call insert/delete/reload calls or change the editing state inside an update block.  otherwise things like row count, etc. may be invalid.

后面两个方法表明,insert/delete/reload这些方法应该包含在beginUpdates和endUpdates之间,否则可能出现一些奇怪的事情。我们还是按照系统说的做好了。


我要完成的东西如下图。点击显示章的cell会显示该章对应的节,再次点击,不再显示节。


这个功能并不复杂。首先,我准备了几条数据,存储在txt中。

[
    {
        "chapterName": "第一章 物态极其变化", 
        "parts": [
            "物态变化 温度", 
            "熔化和凝固", 
            "汽化和液化", 
            "生活和技术中的物态变化"
        ]
    }, 
    {
        "chapterName": "第二章 物质世界的尺度、质量和密度", 
        "parts": [
            "物体的尺度及其测量", 
            "物体的质量及其测量", 
            "学生实验:探究——物质的密度", 
            "新材料及其应用"
        ]
    }
]

这些数据的存储,会影响到后面的实现。先想想,我们将会怎么使用这些数据?

  1. UITableView对应的数据源(NSMutableArray * dataArray)
  2. 首先创建一个显示了全部章的tableView(NSArray * chapters)
  3. 需要知道点击显示章的cell以后,先插入cell还是删除cell(Bool isPartCellShowing)
  4. 插入cell和删除cell时会用到对应章的全部的节(NSArray * parts)
  5. 需要知道某个cell是显示章的还是显示节的

创建一个UIViewController,为viewController的view添加一个UITableView。

#import <UIKit/UIKit.h>

@interface SelectChapterAndPart : UIViewController<UITableViewDelegate,UITableViewDataSource>

@property (weaknonatomicIBOutlet UITableView *tableView;

@property (strongnonatomicNSMutableArray * dataArray;

@property (strongnonatomicNSArray * chapters;

@property (strongnonatomicNSArray * parts;

@end


#import "SelectChapterAndPart.h"

#import "CellChapter.h"

#import "CellPart.h"

#import "PracticeVC.h"


@interface SelectChapterAndPart ()


@end


@implementation SelectChapterAndPart


- (void)viewDidLoad

{

    [super viewDidLoad];

    [self parseData];

    [self dealWithTableView];

}


-(BOOL)prefersStatusBarHidden

{

    return YES;

}


-(void)parseData

{

    NSData * data = [NSData dataWithContentsOfFile:[[NSBundle mainBundle]pathForResource:@"chapter" ofType:@"txt"]];

    NSArray * array = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingMutableContainers error:nil];

    

    NSMutableArray * chapters = [[NSMutableArray alloc]init];

    NSMutableArray * parts = [[NSMutableArray alloc]init];

    

    for (NSDictionary * dict in array)

    {

        NSString * chapterName = [dict objectForKey:@"chapterName"];

        [chapters addObject:chapterName];

        [parts addObject:[dict objectForKey:@"parts"]];

    }

    

    self.chapters = chapters;

    self.parts = parts;

    self.dataArray = [chapters mutableCopy];

}


- (void)dealWithTableView

{

    [self.tableView registerClass:[CellChapter classforCellReuseIdentifier:@"CellChapter"];

    [self.tableView registerClass:[CellPart classforCellReuseIdentifier:@"CellPart"];

    

    self.tableView.delegate = self;

    self.tableView.dataSource = self;

    self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

    self.tableView.tableFooterView = [[UIView alloc]initWithFrame:CGRectMake(0011)];

}


-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

{

    return 1;

}


-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

{

    return self.dataArray.count;

}


-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

{

    id obj = self.dataArray[indexPath.row];


    if ([self.chapters containsObject:obj] == YES)

    {

        //使index对应

        int index = (int)[self.chapters indexOfObject:obj];

        CellChapter * cell = [tableView dequeueReusableCellWithIdentifier:@"CellChapter"];

        cell.chapterNameLabel.text = self.chapters[index];

        cell.partsDataArray = self.parts[index];

        [cell.startButton addTarget:self action:@selector(startPractice:) forControlEvents:UIControlEventTouchUpInside];

        return cell;

    }

    else//

    {

        CellPart * cell = [tableView dequeueReusableCellWithIdentifier:@"CellPart"];

        cell.partNameLabel.text = self.dataArray[indexPath.row];

        [cell.startButton addTarget:self action:@selector(startPractice:) forControlEvents:UIControlEventTouchUpInside];

        return cell;

    }

}


-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath

{

    UITableViewCell * cell = [tableView cellForRowAtIndexPath:indexPath];

    if ([cell isKindOfClass:[CellChapter class]])

    {

        CellChapter * chapter = (CellChapter *)cell;

        if (chapter.isPartCellShowing == NO)

        {

            //显示part cells

            

            NSMutableArray * indexs = [[NSMutableArray alloc]init];

            NSUInteger count = chapter.partsDataArray.count;

            for (int i=1; i<=count; i++)

            {

                NSIndexPath * index = [NSIndexPath indexPathForRow:indexPath.row+i inSection:indexPath.section];

                [indexs addObject:index];

            }

            [self.dataArray insertObjects:chapter.partsDataArray atIndexes:[NSIndexSetindexSetWithIndexesInRange:NSMakeRange(indexPath.row+1, count)]];

            [self.tableView beginUpdates];

            [self.tableView insertRowsAtIndexPaths:indexs withRowAnimation:UITableViewRowAnimationAutomatic];

            [self.tableView endUpdates];

            chapter.isPartCellShowing = YES;

        }

        else

        {

            //隐藏part cells

            [self.dataArray removeObjectsInArray:chapter.partsDataArray];

            NSMutableArray * array = [[NSMutableArray alloc]init];

            for (int i=1; i<=chapter.partsDataArray.count; i++)

            {

                NSIndexPath * index = [NSIndexPath indexPathForRow:indexPath.row+i inSection:indexPath.section];

                [array addObject:index];

            }

            [self.tableView beginUpdates];

            [self.tableView deleteRowsAtIndexPaths:array withRowAnimation:UITableViewRowAnimationAutomatic];

            [self.tableView endUpdates];

            chapter.isPartCellShowing = NO;

            

        }

    }

    else

    {

        

    }

}


-(void)startPractice:(UIButton *)sender

{

    UIView * view = sender.superview;

    while ([view isKindOfClass:[UITableViewCell class]] == false)

    {

        view = view.superview;

    }

    UITableViewCell * cell = (UITableViewCell *)view;

    NSIndexPath * indexPath =[self.tableView indexPathForCell:cell];

    [SVProgressHUD showSuccessWithStatus:self.dataArray[indexPath.row]];

    PracticeVC * practiceVC = [[PracticeVC alloc]init];

    [self.navigationController pushViewController:practiceVC animated:YES];

}


@end


创建两个UITableViewCell的子类,一个来显示章,一个显示节


显示章的cell

#import <UIKit/UIKit.h>


@interface CellChapter : UITableViewCell

@property (weaknonatomicIBOutlet UIImageView *leftImageView;

@property (weaknonatomicIBOutlet UILabel *chapterNameLabel;

@property (weaknonatomicIBOutlet UIButton *startButton;

@property (weaknonatomicIBOutlet UIView *separatorView;

//cell对应的节的cell是否已经出现

@property (assignnonatomicBOOL isPartCellShowing;

@property (strongnonatomicNSArray * partsDataArray;

@property (assignnonatomic)BOOL separatorViewHidden;

@end


#import "CellChapter.h"


@implementation CellChapter


-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier

{

    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];

    if (self)

    {

        self = [[[NSBundle mainBundle]loadNibNamed:@"CellChapter" owner:self options:nilfirstObject];

    }

    return self;

}


-(void)setSeparatorViewHidden:(BOOL)separatorViewHidden

{

    if (separatorViewHidden == YES)

    {

        self.separatorView.hidden = YES;

    }

    else

    {

        self.separatorView.hidden = NO;

    }

    _separatorViewHidden = separatorViewHidden;

}



显示节的cell

#import <UIKit/UIKit.h>

@interface CellPart : UITableViewCell

@property (weaknonatomicIBOutlet UILabel *partNameLabel;

@property (weaknonatomicIBOutlet UIButton *startButton;

@end

#import "CellPart.h"

@implementation CellPart

-(instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier

{

    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];

    if (self)

    {

        self = [[[NSBundle mainBundle]loadNibNamed:@"CellPart" owner:self options:nilfirstObject];

        self.separatorViewHidden = YES;

    }

    return self;

}

@end


没有上传xib,因为xib都挺简单。

除了UITableView插入行和删除行,cell中UIButton和cell两个点击事件的处理、用xib自定义cell也可以

看看




















版权声明:欢迎评论和转载,但请保留出处!

相关文章推荐

iOS_动态插入删除行

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

高效开发iOS系列 -- 为Xcode添加删除行、复制行快捷键

在使用eclipse过程中,特喜欢删除一行和复制一行的的快捷键。而恰巧Xcode不支持这两个快捷键,再一次的恰巧让笔者发现了一个小窍门来增加这两个快捷键,以下是步骤:  修改权限 修改Xcode里...

表格的操作包括:标记行、移动行、删除行、插入行

1、标记行   这里讲的标记行指的是单击此行,可以实现在此行右边出现一个勾,如下图所示:     为了实现标记功能,在ViewController.m中@end之...
  • laiguo
  • laiguo
  • 2012年08月10日 09:44
  • 1384

datagrid 基本添加行,删除行,插入行,自定义方法

一、需要引入的文件 二、代码详解 /* 允许编辑单元格 */ $('#contentTable').datagrid().datagrid('enableCellEditing'); /*...

js动态添加删除行,实用

  • 2013年03月17日 10:28
  • 2KB
  • 下载

iOS UITableView的细致功能(滑动删除,拖动排序,添加行,搜索过滤)

对于UITableView,相信大家都并不陌生,每一个

js动态添加行和删除行

  • 2016年08月24日 16:17
  • 259KB
  • 下载

[IOS]关于UITableView行的增加和删除

首先先大致说下UITableView的增加删除的原理机制. 第一步:在TableView加载完全之后,此时默认表格是不允许改变的,那如何才能对其进行增加或者删除呢,那么首先得先把表格的editing属...
  • zjjnljt
  • zjjnljt
  • 2015年05月06日 17:11
  • 250
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS UITableView插入删除行
举报原因:
原因补充:

(最多只允许输入30个字)