如何纯代码给UICollectionView添加HeaderView和FooterView

collectionView和table基本用法一样但是header和footer,就找不到方法了

自己找了好久网上也没个人写的就一个写的是用storyBoard写的 对于纯代码的可能不怎么太理解:storyBoard的创建方法链接:http://my.oschina.net/u/723760/blog/221525。

自己摸索的做出来了。下面纯代码的步骤:<语文水平渣 没什么文采,但是技术点肯定会说明白的>


如果要给你的collectionView添加header和footer,他的数据源和代理是没有直接提供创建方法的,但是提供了一个两用的方法

<span style="font-size:14px;">- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
</span>


如果要给你的collectionView添加header和footer步骤<本文只以header为例>

1.设置流水布局 ,需要在流水布局里设置header和footer的size

- (id)init
{
    // UICollectionViewLayout;
    UICollectionViewFlowLayout *flow = [[UICollectionViewFlowLayout alloc] init]; // 流水布局

<span style="white-space:pre">	</span>// 设置header的Size
   <span style="color:#ff6666;"> flow.headerReferenceSize = CGSizeMake(320, 44);</span>

    // 设置格子的宽高
    flow.itemSize = CGSizeMake(75, 61);
    // 设置列距
    flow.minimumInteritemSpacing = 5;
    // 设置行距离
    // flow.minimumLineSpacing = 0;
    // 设置整体内容和四周的边距
    // top left bottom right
    flow.sectionInset = UIEdgeInsetsMake(20, 2, 0, 2);
    
    return [super initWithCollectionViewLayout:flow];
}


2. 创建UICollectionReusableView的子类UICollectionHeaderView,并创建其xib 设置xib的identifier为header
<span style="font-size:14px;">#import <UIKit/UIKit.h>
@interface UICollectionHeaderView : UICollectionReusableView
@end
</span>


3.在xib中添加你需要显示的控件,不要忘了class继承UICollectionHeaderView。


4.在collectionViewController 的viewDidLoad注册xib,方法和注册cell差不多 只不过方法名不一样

<span style="font-size:14px;">UINib *nib = [UINib nibWithNibName:@"WdViewCell" bundle:nil] ;
    [self.collectionView registerNib:nib forCellWithReuseIdentifier:@"cell"];
    [self.collectionView setBackgroundColor:[UIColor colorWithRed:240 green:240 blue:240 alpha:0.8]];
    </span>
<span style="font-size:14px;">// 注册header的
    UINib *header = [UINib nibWithNibName:@"UICollectionHeaderView" bundle:nil];
    [self.collectionView registerNib:header forSupplementaryViewOfKind:<span style="color:#ff6666;">UICollectionElementKindSectionHeader</span> withReuseIdentifier:@"header"];</span>



5.显示header

这个方法:kind标识你是header还是footer<可能还有其他的>header:UICollectionElementKindSectionHeader,用个判断或者switch就可以选择你要显示什么类容了,创建header view的方法

<span style="font-size:14px;">// 设置每组的标题
- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
    if (kind == UICollectionElementKindSectionHeader) {
        UICollectionHeaderView *headerView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:@"header" forIndexPath:indexPath];
</span>
<span style="font-size:14px;">//  在这就可以设置header中子控件的数据了</span>
<span style="font-size:14px;">        return headerView;
    }
    else
    {
        return nil;
    }
}</span>
这样就可以显示你的header了


本文到此结束,如果有什么解释不到或者错误的,还望大家指出,如果有什么不懂的可以直接M我,





发布了2 篇原创文章 · 获赞 1 · 访问量 4690
展开阅读全文

同一界面下 两个collectionView 如何使用 求大神解答

11-12

我想在一个controller下做两个不section 和cell 数不同的 collectionView 请大神指教 给跪了!!! #import "ViewController.h" #define Screen_Width [UIScreen mainScreen].bounds.size.width //获取屏幕高度 #define Screen_Height [UIScreen mainScreen].bounds.size.height #define left 1001 #define right 1002 @interface ViewController ()<UICollectionViewDataSource,UICollectionViewDelegateFlowLayout> @property (strong, nonatomic)UICollectionView *collectionViewLeft; @property (strong, nonatomic)UICollectionView *collectionViewRight; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. } - (void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; [self initUI]; } -(void)initUI { UICollectionViewFlowLayout *flowLayout=[[UICollectionViewFlowLayout alloc] init]; // [flowLayout setScrollDirection:UICollectionViewScrollDirectionVertical]; [flowLayout setHeaderReferenceSize:CGSizeMake(Screen_Width/2, 50)]; self.collectionViewLeft=[[UICollectionView alloc] initWithFrame:CGRectMake(0, 64, Screen_Width/2, Screen_Height-64) collectionViewLayout:flowLayout]; self.collectionViewLeft.dataSource=self; self.collectionViewLeft.delegate=self; self.collectionViewLeft.tag=left; [self.collectionViewLeft setBackgroundColor:[UIColor blackColor]]; //注册Cell,必须要有 [self.collectionViewLeft registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"UICollectionViewCell"]; //注册headView,有headView必须有注册 [_collectionViewLeft registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"HeaderView"]; [self.view addSubview:self.collectionViewLeft]; self.collectionViewRight=[[UICollectionView alloc] initWithFrame:CGRectMake(Screen_Width/2, 20, Screen_Width/2, Screen_Height-20) collectionViewLayout:flowLayout]; self.collectionViewRight.dataSource=self; self.collectionViewRight.delegate=self; self.collectionViewRight.tag=right; [self.collectionViewRight setBackgroundColor:[UIColor blackColor]]; //注册Cell,必须要有 [self.collectionViewRight registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"UICollectionViewCell"]; //注册headView,有headView必须有注册 [_collectionViewRight registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"HeaderView"]; [self.view addSubview:self.collectionViewRight]; } #pragma mark -- UICollectionViewDataSource //定义展示的UICollectionViewCell的个数 -(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section { if (collectionView.tag==left) { return 3; }else{ return 2; } } //定义展示的Section的个数 -(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView { if (collectionView.tag==left) { return 5; }else{ return 3; } } //每个UICollectionView展示的内容 -(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath { static NSString * CellIdentifier = @"UICollectionViewCell"; UICollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:CellIdentifier forIndexPath:indexPath]; cell.backgroundColor = [UIColor redColor]; for (id subView in cell.contentView.subviews) { [subView removeFromSuperview]; } return cell; } #pragma mark --UICollectionViewDelegateFlowLayout //定义每个Item 的大小 - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { return CGSizeMake(100, 100); } //定义每个UICollectionView 的 margin -(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section { //方位 return UIEdgeInsetsMake(5, 5, 5, 5); } //设置headView的回调函数 - (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath { UICollectionReusableView *reusableview = nil; if (kind == UICollectionElementKindSectionHeader) { reusableview = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"HeaderView" forIndexPath:indexPath]; reusableview.backgroundColor = [UIColor redColor]; } UIView * view=[[UIView alloc] initWithFrame:CGRectMake(0, 0,Screen_Width, 50)]; view.backgroundColor=[UIColor orangeColor]; [reusableview addSubview:view]; return reusableview; } #pragma mark --UICollectionViewDelegate //UICollectionView被选中时调用的方法 -(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath { UICollectionViewCell * cell = (UICollectionViewCell *)[collectionView cellForItemAtIndexPath:indexPath]; //临时改变个颜色,看好,只是临时改变的。如果要永久改变,可以先改数据源,然后在cellForItemAtIndexPath中控制。(和UITableView差不多吧!O(∩_∩)O~) cell.backgroundColor = [UIColor greenColor]; NSLog(@"%d ",collectionView.tag); NSLog(@"item======%ld",(long)indexPath.item); NSLog(@"row=======%ld",(long)indexPath.row); NSLog(@"section===%ld",(long)indexPath.section); } //返回这个UICollectionView是否可以被选择 -(BOOL)collectionView:(UICollectionView *)collectionView shouldSelectItemAtIndexPath:(NSIndexPath *)indexPath { return YES; } @end 问答

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览