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

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

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

推荐阅读更多精彩内容

  • UITableView-FDTemplateLayoutCell与Masonry结合的妙处 最近在看🐑神的博客,发...
    HHHHHHHHHHD阅读 14,141评论 39 55
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 上班的时候每次早起都会恶狠狠地说:周末我要睡到自然醒,想睡多久就睡多久; 看小说,逛淘宝,看综艺,却不得为明天的早...
    我是阿九阅读 375评论 1 0
  • w
    bibicece阅读 225评论 0 1
  • 自那日聚会过后,几乎每隔半月,晏几道便会约见小萍一次。 小萍生辰,晏七郎还特地托抚州的故交找了当地最好的厨子在她生...
    myio阅读 777评论 4 5