UIColletionView

九宫格缺点:
图片会拉伸变形，产生视觉疲劳，性能问题，需要自己实现循环利用
UICollectionView 从iOS5开始就有了
流水布局每个cell的高度都一样
瀑布布局 是挑最短的一列来排得

流水布局

• Demo1(流水布局:UICollectionViewFlowLayout)
  效果图

  
  Simulator Screen Shot 2016年4月6日 13.55.46.png

控制器代码实现:

DraggedImage.png

XMGLineLayout代码:

DraggedImage-1.png

自定义一个XIB的collectionViewCell

DraggedImage-2.png

自定义布局

• Demo2(自定义布局:UICollectionViewLayout)
  效果图

  
  Simulator Screen Shot 2016年4月6日 14.31.19.png

控制器代码实现:

DraggedImage-3.png

XMGGridLayout代码:

DraggedImage-4.png

自定义一个XIB的collectionViewCell

DraggedImage-5.png

• Demo3(布局切换)
  效果图:

  
  Simulator Screen Shot 2016年4月6日 15.02.07.png
  -> Simulator Screen Shot 2016年4月6日 15.02.09.png

控制器代码

image.png

XMGCircleLayout

image.png

XMGLineLayout代码:

image.png

自定义一个XIB的collectionViewCell

image.png

瀑布流

效果图

image.png

控制器代码

image.png

XMGWaterflowLayout.m

image.png

XMGWaterflowLayout.h

image.png

shop.h模型

image.png

自定义一个XIB的collectionViewCell

image.png