美文网首页
UITableViewCell结合Masonry布局

UITableViewCell结合Masonry布局

作者: beyourking | 来源:发表于2016-12-15 19:05 被阅读55次

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

板块三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地址。喜欢的给个赞吖。

相关文章

网友评论

      本文标题:UITableViewCell结合Masonry布局

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