码迷,mamicode.com
首页 > 其他好文 > 详细

UICollectionView详解

时间:2014-05-09 21:10:23      阅读:448      评论:0      收藏:0      [点我收藏+]

标签:uicollectionview   uicollectionreusable   heardview   footerview   

今天,将和大家一起学习UICollectionView,UIcollectionView自出来后,一直受追捧,确实好用。今天有朋友问我如何添加heardView,我简单的回答:tableview如何添加,那么CollectionView就怎么添加,后来经过自己实验发现确实不是那回事,所以列出一些自己犯的错误,供大家参考。

1.首先实例化一个 UICollectionViewFlowLayout因为要设置item,itemSize,等一些属性。

    UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];
    layout.itemSize = CGSizeMake(100,50); //CGSizeMake(200 , 200);
    layout.sectionInset = UIEdgeInsetsMake(5, 5, 5, 5);
    layout.minimumLineSpacing = 5;



2.实例化一个UICollectionView

myCollectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 20, self.view.frame.size.height, self.view.frame.size.width) collectionViewLayout:layout];
    
    myCollectionView.delegate = self;
    myCollectionView.dataSource = self;
    
    myCollectionView.backgroundColor = [UIColor blueColor];
    [myCollectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"CollectionViewIdentifier"];
     [myCollectionView registerClass:[CollectionHeadView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"head"];
    [self.view addSubview:myCollectionView];



3.设置数据源和代理方法

#pragma mask - dataSource

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    
    UICollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"CollectionViewIdentifier" forIndexPath:indexPath];
    for (UIView*view in cell.contentView.subviews) {
        if (view) {
            [view removeFromSuperview];
        }
    }
    UILabel *lab = [[UILabel alloc]initWithFrame:CGRectMake(5, 5, 40, 40)];
    lab.backgroundColor = [UIColor yellowColor];
    lab.text = [NSString stringWithFormat:@"%d",[indexPath row]+[indexPath section]*3];
    cell.backgroundColor = [UIColor redColor];
//    cell.backgroundView.backgroundColor = [UIColor whiteColor];
    [cell.contentView addSubview:lab];
    UIView *view = [[UIView alloc] initWithFrame:cell.bounds];
    [view setBackgroundColor:[UIColor whiteColor]];
    cell.selectedBackgroundView = view;


    return cell;
    
};

//cell的大小
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{
    return CGSizeMake(50, 50);
}



-(NSInteger) collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    return 10;
};
-(NSInteger) numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
    return 10;
};

#pragma mask - delegate

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{
    NSLog(@"点击%@",indexPath);
    
}


- (BOOL)collectionView:(UICollectionView *)collectionView shouldHighlightItemAtIndexPath:(NSIndexPath *)indexPath
{
    
    return YES;
}


4.设置heardView,hearView需要自定义,并且继承

bubuko.com,布布扣

5.自定义完成后,需要在代理方法中从缓存池中找到已经注册的heardView

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

    CollectionHeadView *heard = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"head" forIndexPath:indexPath];
    
    heard.lable.text = [NSString stringWithFormat:@"第%d组",indexPath.section];
    return heard;
}
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section {
    return CGSizeMake(320, 40);
}

6.效果图

bubuko.com,布布扣

大家按照代码一步一步来,肯定就是超简单。


UICollectionView详解,布布扣,bubuko.com

UICollectionView详解

标签:uicollectionview   uicollectionreusable   heardview   footerview   

原文地址:http://blog.csdn.net/yinqiangqiang/article/details/25409729

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!