iOS 关于UICollectionView的头视图设置

菜鸟的我来了,先喝杯茶压压惊。

要使用CollectionView里面的头视图需要先注册头视图 UICollectionReusableView或者 继承UICollectionReusableView的子类,kind类型为UICollectionElementKindSectionHeader,并且需要带一个标识符,我们定义个static 的静态字符串就行,如下所示:

[collectionView registerClass:[UICollectionReusableViewclass ]  forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:headerViewIdentifier];

要注意的是

几个重要的不能忽视的点就是  UICollectionViewFlowLayout 布局属性需要设置 headerReferenceSize头部的大小,不然头视图没有大小不显示;一定要在

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath; 方法里面创建头视图view并给出frame,然后添加到  UICollectionReusableView 中。

代码就是这样的,免得我以后忘记

@interface HomeViewController ()

@property (nonatomic,strong) UIImageView *headerImage;

@end

在viewDidLoad里设置

UICollectionViewFlowLayout *layout=[[UICollectionViewFlowLayout alloc]init];

layout.minimumLineSpacing=20; //设置每一行的间距

layout.itemSize=CGSizeMake(100, 100);  //设置每个单元格的大小

layout.sectionInset=UIEdgeInsetsMake(0, 0, 50, 0);

layout.headerReferenceSize=CGSizeMake(self.view.frame.size.width, 250); //设置collectionView头视图的大小

UICollectionView *collectionView=[[UICollectionView alloc]initWithFrame:self.view.bounds collectionViewLayout:layout];

collectionView.frame=self.view.bounds;

//注册cell单元格

[collectionView registerNib:[UINib nibWithNibName:@"ConstomCell" bundle:nil] forCellWithReuseIdentifier:@"cell"];

//注册头视图

[collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:headerViewIdentifier];

collectionView.backgroundColor=[UIColor whiteColor];

collectionView.delegate=self;

collectionView.dataSource=self;

[self.view addSubview:collectionView];

#pragma mark  返回多少行

-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section

{

return 13;

}

#pragma markk 返回的单元格

-(UICollectionViewCell*)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath

{

ConstomCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];

return cell;

}

#//  返回头视图

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath

{

//如果是头视图

if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {

UICollectionReusableView *header=[collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:headerViewIdentifier forIndexPath:indexPath];

#//添加头视图的内容

[self addContent];

#//头视图添加view

[header addSubview:self.headerImage];

return header;

}

#//如果底部视图

//    if([kind isEqualToString:UICollectionElementKindSectionFooter]){

//

//    }

return nil;

}

/*

*  补充头部内容

*/

-(void)addContent

{

UIImageView *headerImage=[[UIImageView alloc]init];

headerImage.contentMode=UIViewContentModeScaleAspectFill;

headerImage.clipsToBounds=YES;

headerImage.frame=CGRectMake(0, 0, self.view.frame.size.width, 250);

headerImage.image=[UIImage imageNamed:@"mei"];

self.headerImage=headerImage;

}

@end

你可能感兴趣的:(iOS 关于UICollectionView的头视图设置)