iOS UITableViewCell 展开实现

最近遇到了好几个项目中需要实现UITableViewCell 点击按钮之后 展开的 需求。针对这种需求 ，一般我使用下面这种解决方法：自定义cell ，点击按钮之前 ，返回一个高度，点击之后返回另一个高度，这个过程中需要一个计算size 的过程，不说了上代码。

最终实现的效果：



 我们的UITableViewCell 分为两部分，一个是固定的部分 在cell 的 上部，另外一个是 需要 根据Cell 点击展开的部分，这一部分 可以在 cell 展开状态下显示，关闭状态下隐藏，我使用Xib 创建的Cell 如下



由于下面  一部分 是需要 隐藏的 ，所以我们在设置他的约束的时候需要注意其高度 的 设置，这里牵扯到了Autolayout，我们可以 给 他的高度设置为 距离 父视图顶部 和底部的距离，这样 在 cell 展开的时候 其高度 会增加，关闭反之。

接下来就是按钮的点击事件，我们可以 使用UITableView 代理  方法 -didSelectedItematIndexpath 或者使用按钮的点击事件，点击事件一般更能满足需求，因为一般cell 的点击事件 需要去执行其他的操作，

//
//  RAYTaskCell.m
//  hooray
//
//  Created by wbxiaowangzi on 15/10/19.
//  Copyright © 2015年 RAY. All rights reserved.
//

#import "RAYTaskCell.h"

@implementation RAYTaskCell

- (void)awakeFromNib {
// Initialization code
self.fulfilATask.layer.masksToBounds = YES;
self.fulfilATask.layer.cornerRadius  = 5;
}

- (void)setSelected:(BOOL)selected animated:(BOOL)animated {
[super setSelected:selected animated:animated];

// Configure the view for the selected state
}

- (IBAction)fulfilATask:(id)sender {
if (self.fulfilTaskBlock) {
self.fulfilTaskBlock(YES);
}
}

- (IBAction)moreTaskInfo:(id)sender {
if (_opened) {
//已经打开就关闭
[self openCell:NO];

}else{
//打开
[self openCell:YES];
}

if (self.moreInfo) {
self.moreInfo(_opened);
}

}
-(void)openCell:(BOOL)open
{
if (open) {
self.moreInfoBtn.imageView.transform = CGAffineTransformMakeRotation(M_PI * 1);
_buttomView.hidden = NO;
}else{
self.moreInfoBtn.imageView.transform = CGAffineTransformMakeRotation(M_PI * 0);
_buttomView.hidden = YES;

}
_opened = open;
}
-(void)showFulfilBtn{
self.fulfilATask.hidden = NO;
self.fulfilBtnH.constant = 42;
}

- (void)hideFulfilBtn{
self.fulfilATask.hidden = YES;
self.fulfilBtnH.constant = 0;

};
@end

以上是cell 的.m文件，主要做了两件事，点击按钮的时候改变 按钮图标的旋转角度，还有提供一个更改自己 附加view高度约束的 方法，  但是由于UITableViewCell复用机制的存在，导致我们的 cell 在复用的时候会保持一些 cell 的 属性，比如说这个 图标的角度，

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

RAYTaskCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentifier];
if ([_indexPathArr containsObject:indexPath]) {
[cell openCell:YES];
}else {
[cell openCell:NO];
}
if (cell == nil) {
cell = [[[NSBundle mainBundle]loadNibNamed:@"RAYTaskCell" owner:self options:0]lastObject];
cell.selectionStyle = UITableViewCellSelectionStyleNone;
}
//config cell with model
RAYUserTaskMO *mo = self.taskInfoArr[indexPath.section];
[self configCell:cell withDictionary:(NSDictionary *)mo.lists[indexPath.row]];

__block UITableView *tempTable = _taskTableView;
__block NSIndexPath *tempIndexPath = indexPath;
cell.moreInfo = ^(BOOL opened){
if (opened) {
[_indexPathArr addObject:tempIndexPath];
}else
{
[_indexPathArr removeObject:tempIndexPath];
}
[tempTable reloadData];
};
return cell;
}

如上，我在VC中创建了一个 数组，在点击事件block回调中，当我点击cell展开按钮的时候记录当前indexPath 下cell 的展开状态，如果展开就放进数组，没有展开从数组中移除（这一点其实若判断数组内是否存在该对象更好，我这里没写），然后再复用的时候跟我们的数组中比较，如果该indexPath存在于数组中，那么我们的cell应该是展开 状态，至于cell 展开状态的设置，我们可以 在cell 中暴露方法给控制器，控制器相应去调用就行了，然后 就是 刷新 tableview ，返回不一样的高度，这时我们的cell
就能展开了。 

本人才学疏浅，欢迎广大同僚 批评指正，共同进步