1 :初始化 视图布局
[objc] view plain copy
//1.创建UICollectionViewFlowLayout,
//对cell进行布局控制
UICollectionViewFlowLayout *flowLayout=[[UICollectionViewFlowLayout alloc] init];
//设置
//1.1设置大小
flowLayout.itemSize=CGSizeMake(90, 90);
//1.2设置列间距(注意如果给定距离的间距,无法满足屏幕宽度,设置无效)
flowLayout.minimumInteritemSpacing=0;
//1.3设置行间距
flowLayout.minimumLineSpacing=10;
//1.4设置滑动方向
/flowLayout.scrollDirection=UICollectionViewScrollDirectionHorizontal;
//1.5 Header
flowLayout.headerReferenceSize=CGSizeMake(self.bounds.size.width, 100);
//1.6 Footer
flowLayout.footerReferenceSize=CGSizeMake(self.bounds.size.width, 100);
//1.7设置内边距
flowLayout.sectionInset=UIEdgeInsetsMake(10, 10, 10, 10);
//2.创建集合视图
self.coll=[[UICollectionView alloc] initWithFrame:self.bounds collectionViewLayout:flowLayout];
//背景颜色默认为黑色
self.coll.backgroundColor=[UIColor purpleColor];
//添加到视图上
[self addSubview:self.coll];
自定义Cell
[objc] view plain copy
#import "myCell.h"
@implementation myCell
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// Initialization code
[self addAllViews];
}
return self;
}
//试图布局
-(void)addAllViews{
//视图空间都要加载到contentView上
self.imv=[[UIImageView alloc] init];
self.imv.frame=CGRectMake(0, 0, self.contentView.bounds.size.width, self.contentView.bounds.size.height*0.8);
self.imv.image=[UIImage imageNamed:@"89.png"];
self.imv.backgroundColor=[UIColor orangeColor];
[self.contentView addSubview:self.imv];
self.label=[[UILabel alloc] init];
self.label.frame=CGRectMake(0, CGRectGetMaxY(self.imv.frame), self.contentView.bounds.size.width, self.contentView.bounds.size.height*0.2);
self.label.backgroundColor=[UIColor redColor];
[self.contentView addSubview:self.label];
}
//一旦重新显示就执行
-(void)layoutSubviews{
[super layoutSubviews];
self.imv.frame=CGRectMake(0, 0, self.contentView.bounds.size.width, self.contentView.bounds.size.height*0.8);
self.label.frame=CGRectMake(0, CGRectGetMaxY(self.imv.frame), self.contentView.bounds.size.width, self.contentView.bounds.size.height*0.2);
}
/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
// Drawing code
}
*/
@end
控制器里边
[objc] view plain copy
#import "RootViewController.h"
#import "RootView.h"
#import "myCell.h"
#define kCollCell @"collCell"
#define kHeaderView @"headerView"
#define kFooterView @"footerView"
//遵循集合视图代理.和数据源协议
@interface RootViewController ()
//FlowLayout不需要设置代理
@property(nonatomic,strong)RootView *rv;
@end
[objc] view plain copy
- (void)viewDidLoad
{
[super viewDidLoad];
//设置代理,
self.rv.coll.dataSource=self;
self.rv.coll.delegate=self;
//注册cell
[self.rv.coll registerClass:[myCell class] forCellWithReuseIdentifier:kCollCell];
//注册header
[self.rv.coll registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:kHeaderView];
//注册footer
[self.rv.coll registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:kFooterView];
}
[objc] view plain copy
//每隔分组有多少个cell
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
return 103;
}
//返回cell
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
//创建cell改为自己的cell
myCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:kCollCell forIndexPath:indexPath];
// float red=arc4random()%256/255.0;
// cell.imv.backgroundColor=[UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1];
// cell.label.backgroundColor=[UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1];
return cell;
}
[objc] view plain copy
//设置选中的Cell点击事件
-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{
NSLog(@"section:%d row:%d",indexPath.section,indexPath.row);
}
//设置header和footer
-(UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{
if (kind==UICollectionElementKindSectionHeader) {
UICollectionReusableView *header=[collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:kHeaderView forIndexPath:indexPath];
UILabel *lab=[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 100, 50)];
lab.backgroundColor=[UIColor blackColor];
[header addSubview:lab];
header.backgroundColor=[UIColor orangeColor];
return header;
}
else{
UICollectionReusableView *footer=[collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:kFooterView forIndexPath:indexPath];
footer.backgroundColor=[UIColor yellowColor];
return footer;
}
}
//设置frame
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{
if (indexPath.row==1) {
return CGSizeMake(90, 90);
}else{
return CGSizeMake(50, 50);
}
}
//设置四周边距
-(UIEdgeInsets )collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section{
return UIEdgeInsetsMake(1, 1, 1, 1);
}
//行边距
-(CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section{
return 1;
}
//列边距
-(CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section{
return 50;
}
//footer的size
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section{
return CGSizeMake(320, 50);
}
//header的size
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section{
return CGSizeMake(320, 40);
}
