UICollectionView总结及简单应用（下）

上一篇博客中，项目练习主要涉及到UICollectionViewDataSource，UICollectionViewFlowLayout，自定义UICollectionViewCell的知识。这篇博客中通过项目练习，你将学到：

--如何给collectionView添加header

--如何与单个cell进行交互

--如何实现同时选中多个cell

#1 添加header

1.准备工作

--新建一个文件，命名为FlickrPhotoHeaderView，继承UICollectionReusableView，并将Collection Reusable View的class设置为FlickrPhotoHeaderView。选中collectionView，勾选Section Header。

勾选Section Header

--将Collection Reusable View的高度设置为90，identifier设置为FlickrPhotoHeaderView.背景颜色设置为90%白色。

--把一个label拖到Collection Reusable View中，label的字体大小设置为32，添加两个约束Horizontal Center in Container和Vertical Center in Container。ctrl drag创建这个label的outlet。

2.添加一个数据源方法

FlickrPhotosViewController.swift

需要说明的是kind这个参数，表示哪一种supplementary view被请求。

运行一下

simulator

#2 单选cell，图片放大（Single Selection）

1.添加一个属性，来记录被点击的cell

FlickrPhotosViewController.swift

--首先声明一个变量largePhotoIndexPath，它是可选类型的

--didSet起到监视的作用，当largePhotoIndexPath更新时，collectionView也随之更新。

--oldValue怎么理解? 想一下这两种情况，第一种情况是，用户先点击这个cell放大，再点击这个cell缩小；第二种情况是，用户先点击一个cell，再点击另外一个cell。这个时候，两个cell都需要加载。那么前面一个cell的indexPath值就是oldValue,它也需要添加到indexPaths数组中

--调用performBatchUpdates方法更新collectionView

2.添加UICollectionViewDelegate方法。如果选中的cell已经是large photo，那就将largePhotoIndexPath set为nil，否则就把largePhotoIndexPath set为用户选中的那个indexPath，这个时候largePhotoIndexPath不为nil，调用上面的didSet。