iOS开发之商品评价列表的构建

首先看一下效果

效果图.gif

Demo中用了几个三方

image.png
image.png

注： 查看大图片的这个工具备点坑，不知道是我不会用还是本来就有bug，坑在下面的这个地方，假如不修改的话，会导致下拉刷新的操作被屏蔽，由于offset距离顶部为0了，恰好被屏蔽了。

image.png

言归正传说Demo

cell主要由三部分组成：
第一部分是使用户基本信息和文字评论区域，第二部分是图片显示部分，独立出去的一个XBWCSMyOrderEvaluationImageView，这样方便操控view的显示，假如需要33矩阵布局或者者其余42矩形布局的，也方便布局。唯一注意的是imageview的复使用，防止图片混乱，造成最终查看大图造成崩溃。第三部分是商家回复区域，也是独立出去的XBWCSMyOrderEvaluationReplyView。

image.png
布局说完了，说高度的问题。
像这种的文字较多，不确定高度的cell，就需要使用到缓存高度的思想，一方面是为了布局的正确性，另一方面是为了优化cell的流畅度。我们知道在tableview的滑动过程中，会不断的调使用

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath;

这个方法，假如将cell的高度计算放在这里，将会造成不可限量的消耗，可能数据量小的时候看不出来，但是量多了，即可怕了。
大多数的高度缓存思想，无非就是拿到数据即拿到高度，数据是死的，高度也就是死的，只是看怎样去解决这个高度。

image.png

在获取到数据的时候，剥离出去一个方法，使用于计算cell的高度。同时在创立数据model的时候，多增加一个cellHeight属性，将计算好的高度再次赋值给cellHeight这个属性。

image.png

这样我们就将需要的高度缓存起来了，在后面需要的时候，取出cellHeight即可以了。

image.png

计算文字高度，其实很简单就是计算富文本size

image.png

额外补充下查看大图的方法

image.png

传送门