本系列文章的编码环境为
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 - 标签布局
读完以上,有兴趣还可以看下我之前很早 用 swift
重写过 objc 上的一篇文章的自定义布局。 CustomLayout
参考文档
包括但不限于
官方文档
raywenderlich 上的各种教程
网友评论