【iOS】——UITableView的折叠Cell

---

前言

折叠Cell顾名思义就是能够折叠的Cell。在日常生活中它的使用途径非常广泛，例如当我们观看视频时选择分辨率或者搜索时选择标签所用到的就是折叠Cell。

---

一、实现思路

折叠Cell的本质其实就是通过开关或按钮来控制UITableView对象的高度，使其高度和cell的高度及个数具有相应的数学关系。例如cell的高度为60，cell的个数为5的话，初始化tableview的高度也需要为60（此处默认为折叠状态）；接着通过开关或按钮来控制tableview的高度，如果其高度为60 * 5的话则为展开状态，如果为60的话则为折叠状态。

二、实现方法

首先创建一个按钮控件来控制tableView的状态

self.btn = [UIButton buttonWithType:UIButtonTypeCustom];
    self.btn.frame = CGRectMake(260, 300, 50, 50);
    UIImage* image01 = [UIImage imageNamed:@"zuojiantou1.png"];
    UIImage* image02 = [UIImage imageNamed:@"xiajiantou1.png"];
    [self.btn setImage:image01 forState:UIControlStateNormal];
    [self.btn setImage:image02 forState:UIControlStateSelected];
    self.btn.selected = NO;
    [self.btn addTarget:self action:@selector(pressPush) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:self.btn];

接着创建一个文本控件来显示tableView中一个cell的内容

  self.label = [[UILabel alloc] initWithFrame:CGRectMake(80, 300, 180, 50)];
    self.label.backgroundColor = [UIColor colorWithWhite:1 alpha:1];
    self.label.text = @"Objective-C";
    [self.view addSubview:self.label];

最后创建所需的tableView

self.tableView = [[UITableView alloc] initWithFrame:CGRectMake(60, 350, 200, 0) style:UITableViewStylePlain];
    self.tableView.delegate = self;
    self.tableView.dataSource = self;
    self.tableView.backgroundColor = [UIColor colorWithWhite:0.7 alpha:0.7];
    [self.view addSubview:self.tableView];
    
    self.array = [[NSMutableArray alloc] init];
    self.array = [NSMutableArray arrayWithObjects:@"Objective-C",@"Swift",@"Python",@"Java",@"C++", nil];
}
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
    return 1;
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return 5;
}
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    return 50;
}
- (UITableViewCell*)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    NSString* cellStr = @"cellStr";
    UITableViewCell* cell = [self.tableView dequeueReusableCellWithIdentifier:cellStr];
    if (cell == nil) {
        cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellStr];
        cell.textLabel.text = self.array[indexPath.row];
    }
    return cell;
}

通过按钮来控制tableView的状态

- (void)pressPush {
    if (self.btn.selected == YES) {
        self.tableView.frame = CGRectMake(60, 350, 200, 0);
        self.btn.selected = NO;
    } else {
        self.tableView.frame = CGRectMake(60, 350, 200, 50 * 5);
        self.btn.selected = YES;
    }
}

选择tableView中所需cell的内容

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell*  cell = [self.tableView cellForRowAtIndexPath:indexPath];
    self.label.text = cell.textLabel.text;
}

运行结果如下：