UICollectionView 布局详解导读

本系列文章的编码环境为 Xcode 10.1 , Swift 4.2 , iOS 9

为什么写这个系列文章

目前我们大部分开发的界面都是列表的形式,所以在日常开发中对 UICollectionView 使用比较少,自定义布局就更少了。但是在特殊布局需求的时候使用UITableView就有点束手无策或者用法诡异。如果我们足够了解 UICollectionView 以及它的自定义布局,也许能起到事半功倍的效果。所以UICollectionView 是非常值得我们花时间去深究的。

感谢网上各位大佬的无私奉献,让我们可以从网上找到大量的资料,本系列文章大部分示例均学习自网络,但是网上却鲜有对 UICollectionView 逐步介绍的 ,而且很多资料都是 Objective - c 的,所以我花了些时间写了本系列文章, 一来算做自己学习的笔记 , 二来对别人也是一个参考。

主要包含的内容

本系列文章从基础布局到自定义UICollectionViewFlowLayout 到完全自定义 UICollectionViewLayout 由浅入深的总结了 UICollectionView 的一些基础用法和自定义布局。并附上了大量的示例。

前两篇文章讲述了系统的 UICollectionViewFlowLayout 以及 sectionHeader 、 sectionFooter 、 长按拖动排序等基础内容

第三篇 讲述了自定义布局的原理
第四、五篇 通过继承 UICollectionViewFlowLayout 实现了卡片布局和可伸缩header
第六、七篇 通过继承 UICollectionViewLayout 解释了如何完全自定义布局、以及一些动画

章节链接

本文所有章节的统一github地址: CollectionView-Note

UICollectionView 01 - 基础布局篇
UICollectionView 02 - 布局和代理篇
UICollectionView 03 - 自定义布局原理篇
UICollectionView 04 - 卡片布局
UICollectionView 05 - 可伸缩Header
UICollectionView 06 - 瀑布流布局
UICollectionView 07 - 标签布局

000

读完以上,有兴趣还可以看下我之前很早 用 swift 重写过 objc 上的一篇文章的自定义布局。 CustomLayout

参考文档

包括但不限于

官方文档
raywenderlich 上的各种教程

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

推荐阅读更多精彩内容

  • 江畔春园飘细雨,慢捻古琵琶。寂语轻拨落玉哗,树影似蝉纱。 儒雅听琴行九郡,摆渡过山涯。欲锁桃红野谷花,却景入云霞。...
    雨意生香阅读 3,576评论 17 34
  • “时光荏苒,岁月蹁跹” “不忘初心,方得始终” 还记得,那时候的他, 十八岁,一个花一般的年纪。 一个人远走他乡,...
    M_鹿先森_M阅读 2,976评论 0 1
  • 流水账 上班阴天,下班中雨。媳妇放假第一天,睡得呼呼滴,好可爱!整第36周,快安全上岸了,保佑哦。风平浪静的一天:...
    狸狸的守护者阅读 1,495评论 0 0
  • 以倒退的方式拟定生活 爱情不知能否还原 果实以形而下的格调 能否觅到童年的那枚种子 母亲重返少女的时代 踏着青青河...
    一直走到遇见阅读 1,579评论 0 0