UICollectionViewLayout 实例(一)

先上效果图:(Table ,iOS 表格)

8e5Ft16f3d.gif

说明:

这个demo做的事一个类似excell 的布局,完全用UICollectionViewLayout 进行code的。

思路

看到这种类型的需求第一反应应该是有两种思路的:

  • 我们直接用UIScrollView + UICollectionView 进行组装联动,(我用swift 写过这种效果,印象里不是很难 , 过两天我整合进来,毕竟这篇文章的主题式UICollectionViewLayout)。
  • 第二个就是UICollectionViewLayOut (我简单的写了一篇简介,里面还有一些可能会遇到的问题,传送门: https://www.jianshu.com/p/5b874a607f00

GitHub代码原址:https://github.com/LeonLeeboy/LBCollectionViewLayout(可以cocoapods 配置哦!)

我这里只说思路 ,具体实现细节在源码之中
首先,我们需要的产品事一个table,也就是说 可以水平,和竖直滚动,我们想到scrollView , ScrollView 的 subClass 中能够有这样一个模型的大概就是UICollectionView 了。

其次,就是水平用 item ,竖直方向的用section 。

其次就是对item 位置的计算,我们只需要计算水平的第一行,竖直的第一列。其他的直接能够以x,y 两个轴 确定一个点。然后在layoutAttributesInrect方法当中计算即可。

瀑布流

传送门:https://www.jianshu.com/p/fd51757860b7

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容