UI控件之UICollectionView

UICollectionView：集合视图，是iOS6.0后出现的，与UITableView类似，优势在于可以灵活的布局cell

UICollectionViewLayout:布局类，抽象类，一般定义子类，iOS提供了一个具体的子类UICollectionViewFlowLayout，可以实现网格布局

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

设置布局的滚动方式（垂直滚动）

flow.scrollDirection=UICollectionViewScrollDirectionVertical;

设置item之间的最小间隔（实际间隔由item的大小和UIEdgeInsets决定的）

flow.minimumInteritemSpacing=10;

设置每行之间的最小间隔

flow.minimumLineSpacing=20;

初始化对象时需指定布局对象

_collectionView=[[UICollectionView alloc]initWithFrame:CGRectMake(0, 64, 375, 603) collectionViewLayout:flow];

设置代理

_collectionView.dataSource=self;

_collectionView.delegate=self;

提前注册可重用单元格，@"MyCell"：xib文件名，@"cell"：xib文件中cell的identifier

[_collectionView registerNib:[UINib nibWithNibName:@"MyCell" bundle:nil] forCellWithReuseIdentifier:@"cell"];

提前注册每组的headerView，footerView （可重用的）

[_collectionView registerClass:[CustomView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"supple"];

[_collectionView registerClass:[CustomView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"supple"];

设置系统不能自动调节布局

self.automaticallyAdjustsScrollViewInsets=NO;

设置背景色，默认是黑色

_collectionView.backgroundColor=[UIColor whiteColor];

UICollectionViewDataSouce的协议方法

设置item的个数

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

显示每项的方法

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

{

    static NSString *identifier=@"cell";

    //从可重用队列中取出可重用的单元格项，如果没有，会自动按照之前注册过的样式创建

    MyCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:identifier forIndexPath:indexPath];

    cell.headerImageView.image=[UIImage imageNamed:@"0.png"];

    cell.titleLabel.text=@"test";

    return cell;

}

设置分组数，默认是1

-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView;

UICollectionViewDelegateFlowLayout的协议方法

设置每个item的大小

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath;

设置collectionView距上、左、下、右边侧的距离

-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section;

设置每组的headerView的大小，如果垂直滚动，宽度和collectionView宽度一样，需要设置高度，不实现的话默认是0

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section;

设置每组的footerView的大小

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section;

设置头尾视图

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

{

    //可重用视图都是UICollectionReusableView的子类, 用来设置组的headerView(FooterView)

    CustomView *view;

    //显示每组的HeaderView

    if([kind isEqualToString:UICollectionElementKindSectionHeader]){

        //从可重用队列中取出view，已经提前注册过

        view=[collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"supple" forIndexPath:indexPath];

        view.backgroundColor=[UIColor yellowColor];

    }//显示每组的footerView

    else if([kind isEqualToString:UICollectionElementKindSectionFooter]){

        view=[collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"supple" forIndexPath:indexPath];

        view.backgroundColor=[UIColor blueColor];

    }

    return view;

}

UICollectionViewDelegateFlowLayout遵守了UICollectionViewDelegate协议,所以只要遵守UICollectionViewDelegateFlowLayout就可以访问两个协议的方法

UICollectionViewDelegate的协议方法

选中某项时执行的协议方法

-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath

{

    //获取用户选择的项的编号

    NSLog(@"%ld",indexPath.item);

}