已完成:
- 完成了评论部分的内容,并且实现了长评论回复的展开与收起
评论功能的实现思路是:基础的方法是使用Masonry第三方库,按照总评论的个数创建一个数组,数组的值全部初始为1,在建立评论的cell时先判断网络请求来的数据里是否有回复部分,若有就加载回复相关的部分,每加载一个cell根据cell的indexPath.row判断数组中相应下标的值是否为1,若是1,就显示成收起的状态,若是2,就显示成展开的状态。其中,评论实现的难点就是cell的复用问题
学到的内容:
- 加深理解了tableView的复用以及加载机制
- 使用Masonry第三方库自适应cell的高度
遇到的问题:
tableView的复用机制:注册的一类cell中若有多个cell,那么在后续刷新的时候后面的cell会利用上面的cell的视图及其数据,若两个cell中需要显示的视图不完全一样,那么就会出现下方的cell刷新出本来不需要的视图,解决方法如下:
//例如:
if (cell == nil) {
cell = [[CommentTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"14"];
} else {
//删除cell的所有子视图
[cell.contentView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
//重新初始化,将需要的UI控件重新添加到视图上,但没有之前cell的数据
cell = [[CommentTableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"14"];
}
cell的自适应高度写法:
//第一个视图从cell.contentView开始约束
[cell.imageViewTest mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(cell.contentView).mas_offset(self.frame.size.height * 0.03418);
make.left.mas_equalTo(cell.contentView).mas_offset(self.frame.size.width * 0.0228);
make.size.mas_equalTo(CGSizeMake(self.frame.size.width * 0.094, self.frame.size.height * 0.04344));
}];
[cell.labelName mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(cell.contentView).mas_offset(self.frame.size.height * 0.0399);
make.left.mas_equalTo(cell.contentView).mas_offset(self.frame.size.width * 0.1402);
make.right.mas_equalTo(cell.contentView).mas_offset(-(self.frame.size.width * 0.4));
}];
//后面的视图使用前面视图的上下左右位置来约束
//且最后的一个视图要按cell.contentView的mas_bottom位置来进行约束,最后方可实现cell的自适应高度
[cell.labelContent mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(cell.labelName.mas_bottom).mas_offset(self.frame.size.height * 0.0114);
make.left.mas_equalTo(cell.imageViewTest.mas_right).mas_offset(self.frame.size.width * 0.0233);
make.right.mas_equalTo(cell.contentView).mas_offset(-(self.frame.size.width * 0.04672));
make.bottom.mas_equalTo(cell.contentView.mas_bottom).mas_offset(-(self.frame.size.height * 0.0216));
}];