Swift已经发展到3.0了，相应的方法也已经发展成熟。相对于OC来说，Swift真的是太简练了，和乔布斯乔老爷子的大道至简的思想非常吻合。 好吧，废话不多说了，直接进入主题－－Swift中UICollectionView的使用。

下面先分步骤讲解UICollectionView的创建，最后再附上完整代码。

1. 定义collectionView的布局类型，流式布局

   let layout = UICollectionViewFlowLayout()

2. 设置item（cell）的大小

   layout.itemSize = CGSize(width: width/2, height: height/3)

3. 设置滑动方向

   /** 默认方向是垂直 UICollectionViewScrollDirection.vertical  省略写法是.vertical     水平方向 UICollectionViewScrollDirection.horizontal 省略写法是.horizontal */layout.scrollDirection = .vertical

4. 设置每个item之间最小的间距

   layout.minimumInteritemSpacing = 0

5. 设置每行之间最小的间距

   layout.minimumLineSpacing = 0

6. 定义一个UICollectionView

   let collectionView = UICollectionView(frame: CGRect(x: 0, y: 0, width: width, height: height), collectionViewLayout: layout) collectionView.backgroundColor = UIColor.red

7. 设置collectionView的代理 (注意：设置完代理之后会有错误，原因是代理的必要方法没有实现)

   collectionView.delegate = selfcollectionView.dataSource = self

8. collectionViewCell的注册

   collectionView.register(UINib(nibName: "CollectionViewCell", bundle: nil), forCellWithReuseIdentifier: "MyCell")

9. header 的注册

   collectionView.register(UICollectionReusableView.self, forSupplementaryViewOfKind: UICollectionElementKindSectionHeader, withReuseIdentifier: "headView")

10. 加载collectionView

    self.view.addSubview(collectionView)

实现collectionView的相关代理方法

使用关键字extension继承代理，方法如下

1. numberOfSections方法，该方法为可选方法，返回sections的个数，默认return 1

   // MARK: UICollectionViewDataSource 代理方法func numberOfSections(in collectionView: UICollectionView) -> Int {return 1}

2. numberOfItemsInSection方法，该方法为必选方法，返回section中item的个数

   // MARK: UICollectionviewDataSource  代理方法func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {  return 8}

3. cellForItemAt方法，该方法为必选方法，返回绘制collectionView的cell

   // MARK: UICollectionviewDataSource  代理方法func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {    let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "MyCell", for: indexPath) as! CollectionViewCell    cell.imageView.image = UIImage(named: "\((indexPath as NSIndexPath).row + 2).png")    cell.label.text = "美景\((indexPath as NSIndexPath).row + 1)"    return cell }

4. didSelectItemAt方法，该方法为可选方法，当点击某个item之后的响应

   // MARK: UICollectionViewDelegate的代理方法func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {    print("(\((indexPath as NSIndexPath).section), \((indexPath as NSIndexPath).row))") }

5. referenceSizeForHeaderInSection方法，该方法为可选方法，return: header的大小

   // MARK: UICollectionViewDelegateFlowLayout的代理方法func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, referenceSizeForHeaderInSection section: Int) -> CGSize {    return CGSize(width: width, height: 17) }

6. sizeForItemAt方法，该方法为可选方法，return: item的大小

   // MARK: UICollectionViewDelegateFlowLayout的代理方法func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {    if (indexPath as NSIndexPath).row % 2 == 1 {        return CGSize(width: width/2, height: height/3)    }    else {        return CGSize(width: width/2, height: height/2)    } }

完整代码

结语

如果疏漏，请大家批评指正，也可以在文章下方评论，相互交流，相互学习。