UICollectionViewController xcode6.1 自定义Cell

本文转载至 http://blog.csdn.net/daleiwang/article/details/40423219

虽然这个早已不是新东西了，但是之前项目中一直没有机会用，只知道跟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，头文件如下，自定义两个控件

（4）storyboard操作：

点击CollectionViewController，设置Class：

点击CollectionCell设置Class：

拖动一个View和lab到CollectionView上，设置约束为固定宽高上下居中：

点击左侧的CollectionCell,，将IBOutlet，连接到lab和frontView上：

设置大小及边距，当然了，xcode6以后，也可以根据不同的屏幕设置相应SizeClass下的边距：

（5）运行效果:

巴特西