系统已经提供了方法来处理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": [
"物体的尺度及其测量",
"物体的质量及其测量",
"学生实验:探究——物质的密度",
"新材料及其应用"
]
}
]
这些数据的存储,会影响到后面的实现。先想想,我们将会怎么使用这些数据?
- UITableView对应的数据源(NSMutableArray * dataArray)
- 首先创建一个显示了全部章的tableView(NSArray * chapters)
- 需要知道点击显示章的cell以后,先插入cell还是删除cell(Bool isPartCellShowing)
- 插入cell和删除cell时会用到对应章的全部的节(NSArray * parts)
- 需要知道某个cell是显示章的还是显示节的
#import <UIKit/UIKit.h>
@interface SelectChapterAndPart : UIViewController<UITableViewDelegate,UITableViewDataSource>
@property (weak, nonatomic) IBOutlet UITableView *tableView;
@property (strong, nonatomic) NSMutableArray * dataArray;
@property (strong, nonatomic) NSArray * chapters;
@property (strong, nonatomic) NSArray * 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 class] forCellReuseIdentifier:@"CellChapter"];
[self.tableView registerClass:[CellPart class] forCellReuseIdentifier:@"CellPart"];
self.tableView.delegate = self;
self.tableView.dataSource = self;
self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
self.tableView.tableFooterView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 1, 1)];
}
-(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 (weak, nonatomic) IBOutlet UIImageView *leftImageView;
@property (weak, nonatomic) IBOutlet UILabel *chapterNameLabel;
@property (weak, nonatomic) IBOutlet UIButton *startButton;
@property (weak, nonatomic) IBOutlet UIView *separatorView;
//该cell对应的节的cell是否已经出现
@property (assign, nonatomic) BOOL isPartCellShowing;
@property (strong, nonatomic) NSArray * partsDataArray;
@property (assign, nonatomic)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:nil] firstObject];
}
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 (weak, nonatomic) IBOutlet UILabel *partNameLabel;
@property (weak, nonatomic) IBOutlet 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:nil] firstObject];
self.separatorViewHidden = YES;
}
return self;
}
@end
没有上传xib,因为xib都挺简单。
除了UITableView插入行和删除行,cell中UIButton和cell两个点击事件的处理、用xib自定义cell也可以
看看