虽然这个早已不是新东西了，但是之前项目中一直没有机会用，只知道跟tableView原理相同。
弄了个自定义UICollectionViewCell的小DEMO：
（1）在storyboard中拖拽一个UICollectionViewController：
（2）新建RootCollectionViewController继承自UICollectionViewController
- #import "RootCollectionViewController.h"
- #import "RootCollectionViewCell.h"
-
- @interface RootCollectionViewController ()
-
- @end
-
- @implementation RootCollectionViewController
-
- - (void)viewDidLoad {
- [super viewDidLoad];
- self.clearsSelectionOnViewWillAppear = NO;
- }
-
- - (void)didReceiveMemoryWarning {
- [super didReceiveMemoryWarning];
- }
-
-
- #pragma mark <UICollectionViewDataSource>
-
- - (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
- return 1;
- }
-
-
- - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
- return 20;
- }
-
- - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
- static NSString * CellIdentifier = @"GradientCell";
- RootCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:CellIdentifier forIndexPath:indexPath];
- cell.backgroundColor = [UIColor colorWithRed:((110 * indexPath.row) / 255.0) green:((220 * indexPath.row)/255.0) blue:((330 * indexPath.row)/255.0) alpha:1.0f];
- [cell.lab setText:@"xxxx"];
- [cell.frontView setBackgroundColor:[UIColor redColor]];
- return cell;
- }
-
- #pragma mark <UICollectionViewDelegate>
-
-
- @end
（3）新建RootCollectionViewCell继承自UICollectionViewCell，头文件如下，自定义两个控件
- #import <UIKit/UIKit.h>
-
- @interface RootCollectionViewCell : UICollectionViewCell
-
- @property(nonatomic,weak)IBOutlet UILabel *lab;
- @property(nonatomic,weak)IBOutlet UIView *frontView;
-
- @end
（4）storyboard操作：
点击CollectionViewController，设置Class：
点击CollectionCell设置Class：
拖动一个View和lab到CollectionView上，设置约束为固定宽高上下居中：
点击左侧的CollectionCell,，将IBOutlet，连接到lab和frontView上：
设置大小及边距，当然了，xcode6以后，也可以根据不同的屏幕设置相应SizeClass下的边距：
（5）运行效果:
