美文网首页iOS开发iOS DeveloperiOS程序猿
iOS开发之商品评价列表的构建

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

作者: 重驹 | 来源:发表于2018-08-24 23:24 被阅读14次

首先看一下效果


效果图.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

传送门

相关文章

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

    首先看一下效果 Demo中使用了几个三方 注: 查看大图片的这个工具有点坑,不知道是我不会使用还是原本就有bug,...

  • 仿淘宝商品评价列表,含有多张图片上传

    1. 仿淘宝商品评价列表 开发中,在一些项目中,电商项目可能居多,就是仿淘宝商品评价列表,里边包含对于多张图...

  • runtime总结

    iOS开发之Runtime 苹果官方文档 博客-iOS基础 iOS开发系列--并行开发其实很容易 优质博客列表 优...

  • 商品列表的开发

    商品列表组件化开发 header组件 footer组件 面包屑组件 我们在 第一章开篇已经介绍了项目的搭建了现在,...

  • 第三天

    drf开发商品列表页 django的view实现商品列表页&自带的serializer cbv => class ...

  • iOS开发资源

    开发资源 开发资料 • 豆瓣iOS开源库列表 - 豆瓣iOS开源库列表,很多开源项目。 • iOS-Core-An...

  • iOS开发 非常全的三方库、插件、大牛博客等等(九)

    开发资源开发资料 豆瓣iOS开源库列表- 豆瓣iOS开源库列表,很多开源项目。iOS-Core-Animation...

  • 支付宝集成

    搭建商品列表界面 集成支付宝 点击进入支付宝开发者平台 文档中心->文档目录->支付能力->App支付->iOS集...

  • iOS开发常用之开发资源

    开发资源 豆瓣iOS开源库列表 - 豆瓣iOS开源库列表,很多开源项目。 iOS-Core-Animation-...

  • iOS的MVC框架之控制层的构建(上)

    iOS的MVC框架之控制层的构建(上) iOS的MVC框架之控制层的构建(上)

网友评论

本文标题:iOS开发之商品评价列表的构建

本文链接:https://www.haomeiwen.com/subject/neasbftx.html