UITableViewCell结合Masonry布局

UITableView-FDTemplateLayoutCell与Masonry结合的妙处

最近在看🐑神的博客,发现里面的优化UITableViewCell高度计算的那些事这篇博客写的很精髓。🐑神是用storyboard写的。然后我参照🐑神UITableView-FDTemplateLayoutCell的demo,自己写了一个UITableView-FDTemplateLayoutCell结合Masonry去写的cell布局。在这途中遇到不少坑,主要就是Masonry用的不熟练。Masonry的详细用法
点击蓝色的可以到库的解释文档

先上效果图,然后再一步一步讲解。讲解的不是很好。求大神指点。
demo.gif
这里的话就不说数据的解析了。因为我是本地的json数据解析。直接开始cell的布局。
结构图.png
图上的0,1,2,3,对应的cell(TableViewCell)里面的view。在这里我是把这个cell分为了4个模块。创建极其初始化。

板块0publicView的创建(适配代码在讲完版块3创建之后)
创建.png
板块一TopGroupView的创建
版块1.png

布局代码,里面有解释

板块一代码.png
板块二MidGroupView的创建
板块二.png

![版块二代码.png . . .].png](http://upload-images.jianshu.io/upload_images/1027569-d0f0ec7f761de359.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

板块三UnderGroupView的创建
板块三.png
板块三代码.png
最后来到publicView版块0的布局
版块0代码.png

这样就把全部布局搞定了。就可以看到效果图了。


观察🐑神的demo。
观察🐑神的demo.png

在这里可以发现。当如果是用纯frame的计算时候,是要进行上面代码的操作。并且cell.fd_enforceFrameLayout = NO;默认是等于YES的。在使用Masonry时候不用进行这些操作。

这个使用🐑神的库很简单,只需要导入

"UITableView+FDTemplateLayoutCell.h"
"UITableView+FDTemplateLayoutCell.m"
然后在结合Masonry使用就可以了。

来到最后一步

这个方法在🐑神类里面已经封装好了。直接调用就可以。


写这个方法.png

写完了。感觉表达能力还是很差。很多都不知道怎么表达。不过还是希望可以帮到各位。有什么问题可以留言我,我看到就会马上回的。

Demo地址。喜欢的给个赞吖。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容