【iOS】折叠cell

前言

暑假在仿写3G share时使用到了折叠cell，故而现在来总结一下折叠cell，如有不足，还望指正。

实现原理

在OC中，scrollview是tableview的父类，要想实现折叠cell的效果，我们需要控制在点击按钮前后，tableview的高度变换，同时在点击cell时，将点击的cell放在数组的第一个元素，同时收回展示的cell即可。这样我们就可以实现cell的切换。

代码实现

这里先展示实现的效果：

原理讲解

折叠cell其实就是通过按钮控制tableview的大小，在每次点击显示的单独的一个cell的时候，将整个tableview显示出来，在点击非第一个cell的时候，将数组的顺序重新排列，让点击的cell排在第一位，同时缩小tableview的大小，并且刷新tableview，这样做，就可以实现折叠cell的效果了。

代码展示

- (void)viewDidLoad {[super viewDidLoad];self.arr = [NSMutableArray arrayWithObjects:@"111", @"222", @"333", @"444", nil];_tableview = [[UITableView alloc] init];self.tableview.frame = CGRectMake(200, 300, 100, 30);self.tableview.delegate = self;self.tableview.dataSource = self;self.btn = [UIButton buttonWithType:UIButtonTypeCustom];self.btn.frame = CGRectMake(170, 300, 30, 30);self.btn.tag = 102;[self.btn addTarget:self action:@selector(press) forControlEvents:UIControlEventTouchUpInside];[self.btn setImage:[UIImage imageNamed:@"未勾选_副本.png"] forState:UIControlStateNormal];[self.btn setImage:[UIImage imageNamed:@"已勾选_副本.png"] forState:UIControlStateSelected];//按钮的两个状态self.btn.selected = NO;[self.view addSubview:self.btn];[self.view addSubview:self.tableview];
}- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath
{return 30;
}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
{return 4;
}- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
{return 1;
}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{UITableViewCell* cell = [tableView dequeueReusableCellWithIdentifier:@"id"];if(cell == nil) {cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"id"];}cell.textLabel.text = _arr[indexPath.row];cell.textLabel.textColor = [UIColor blackColor];return  cell;
}- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
{NSString* str = _arr[indexPath.row];[_arr removeObjectAtIndex:indexPath.row];[_arr insertObject:str atIndex:0];[self.tableview reloadData];[self press];
}-(void) press
{if(self.btn.tag == 101) {self.tableview.frame = CGRectMake(200, 300, 100, 30);self.btn.tag++;self.btn.selected = NO;} else {self.tableview.frame = CGRectMake(200, 300, 100, 150);self.btn.tag--;self.btn.selected = YES;}
}//控制是否更改tableview的范围@end