美文网首页
[1] Collection View 自定义布局

[1] Collection View 自定义布局

作者: coderzcj | 来源:发表于2017-09-20 10:01 被阅读30次

问题描述:

Collection View 的cell 根据内容调整高度(或宽度),实现瀑布流布局。

解决方案:

原生的 FlowLayout 显然不行,只有继承自 UICollectionViewLayout,使用自定义布局。步骤如下:

  1. 实现 prepare() 方法。主要计算每一个cell 的 layout attribute 和 collection view 的 content size。如果内容较少,可以缓存计算出的 layout attribute,方便复用。
  2. 实现 collectionViewContentSize 方法。提供由上一步计算出的content size。
  3. 实现 layoutAttributesForElements(in:) 方法。提供与显示区域相交的 layout attribute。
  4. 实现 layoutAttributesForItem(at:) 方法。提供与 indexPath 对应的 layout attribute。

参考资料:

相关文章

网友评论

      本文标题:[1] Collection View 自定义布局

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