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 Tableview删除-一行和多行

原创Blog,转载请注明出处 blog.csdn.net/hello_hwc删除一行 效果如图 -(void)tableView:(UITableView *)tableView commitE...
  • Hello_Hwc
  • Hello_Hwc
  • 2015年03月29日 19:47
  • 7379

iOS 删除UITableView 行的两种方法

删除UITableView 行的两种方法  (2012-04-12 07:08:58) 转载▼ 标签:  杂谈 分类: IOS 大家都知道,删除行时table会调用其Dat...
  • XLawsZero
  • XLawsZero
  • 2016年08月23日 09:24
  • 2140

iOS UITableView插入删除行

系统已经提供了方法来处理UITableView的插入和删除行。 - (void)insertRowsAtIndexPaths:(NSArray *)indexPaths withRowAnimati...
  • u011367651
  • u011367651
  • 2015年07月07日 20:09
  • 494

ios UITableView实现单击提示,滑动删除,多选行等操作

  • 2013年08月02日 15:19
  • 75KB
  • 下载

ios系列开发之UITableView实现多行删除

实现多行删除的基本思路: UITableViewCellEditingStyle返回的如果是UITableViewCellEditingStyleDelete|UITableViewCellEdit...
  • u012519228
  • u012519228
  • 2015年09月18日 18:16
  • 1269

在UITableView中动态的插入或删除行(或者节)

在UITableView中插入或者删除指定的行(或者节)使用的是如下几个API: insertRowsAtIndexPath: withRowAnimation: 在指定位置插入行 del...
  • huifeidexin_1
  • huifeidexin_1
  • 2012年06月03日 12:59
  • 10412

UITableView删除某一行

self.tableView.beginUpdates() self.list.remove(at: indexpath.row) self.tableView.deleteRows(at: [ind...
  • sbt0198
  • sbt0198
  • 2017年04月11日 17:14
  • 470

iOS UITableView 左滑删除cell

很多人对于左滑删除cell都不太会,我今天花了点时间看了下这个系统原生的左滑删除cell,很简单,分几步走就可以了。 第一步,就是简单的创建列表tableview,然后就是设置 self.tabl...
  • sinat_31511831
  • sinat_31511831
  • 2016年01月19日 17:04
  • 1251

ios UITableView自带划动删除效果

说实话,UITableView cell自带的滑动删除效果,在ios7以前比较丑,但ios扁平化后,这个滑动删除还是非常好看的。而且实现起来也是非常容易的。 实现这个效果主要是在UITableVie...
  • pearlhuzhu
  • pearlhuzhu
  • 2014年06月06日 09:40
  • 2669

如何在UITableView里动态添加 cell

在项目开发时常常会遇到点击cell的时候,在这个cell的下面重新出现一个新的cell,之前的cell都往下移动,再次点击原来的cell,页面又会回到原来的样子,那么这个动态创建cell的效果是如何实...
  • MoRenYaoJing
  • MoRenYaoJing
  • 2016年04月27日 22:24
  • 2629
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS UITableView插入删除行
举报原因:
原因补充:

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