UICollectionView

UICollectionView 是一个新型的展示数据的视图,和tableView使用起来一样,都需要设置dataSource 和 delegate 只不过collectionView对于cell的设置比较复杂,可以实现很炫的效果,其实可以当做一个tableView的豪华升级版展示示视图

//创建布局对象
    UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc] init];

//1.创建控件对象  创建初始必须给定一 cell布局对象
    UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:self.view.bounds collectionViewLayout:layout];
    //2.配置属性 collectionView默认的背景颜色是黑色,所以不必惊慌
    collectionView.backgroundColor = [UIColor whiteColor];  
    //3.添加父视图
    [self.view addSubview:collectionView];
    //4.释放所有权
    [collectionView release];
    
    //设置代理
    collectionView.delegate = self;
    //设置数据源
    collectionView.dataSource = self;

//注册cell

[collectionView registerNib:[UINib nibWithNibName:@"MyCell" bundle:[NSBundle mainBundle]] forCellWithReuseIdentifier:@"cell"];

//注册页脚

[collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"footer"];
//注册页眉   
[collectionView registerNib:[UINib nibWithNibName:@"MyHeader" bundle:[NSBundle mainBundle]] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"header"];

//分区数
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
    return 2;
}

//items数
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return 20;
}

//设置cell
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    MyCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
    cell.backgroundColor = [UIColor purpleColor];
    
    cell.textLabel.text = [NSString stringWithFormat:@"S:%ld R:%ld",indexPath.section,indexPath.row];
    cell.picImageView.image = [UIImage imageNamed:@"girl.jpg"];
    
    return cell;

}

//设置页眉页脚
-(UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
    //公共指针
    UICollectionReusableView *reusableView = nil;
    if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {
        //获取header
        reusableView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:@"header" forIndexPath:indexPath];
        reusableView.backgroundColor = [UIColor blackColor];
        ((MyHeader *) reusableView).titleLabel.text = [NSString stringWithFormat:@"第%ld分区",indexPath.section];
        
        
    }else if([kind isEqualToString:UICollectionElementKindSectionFooter])
    {
        //获取footer
        reusableView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:@"footer" forIndexPath:indexPath];
        reusableView.backgroundColor = [UIColor redColor];
    }
    return reusableView;
}


#pragma mark - UICollectionViewDelegateFlowLayout

//item大小

-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    
//    if (indexPath.row % 2 == 0) {
//        return CGSizeMake(150, 200);
//    }
    return CGSizeMake(100, 150);
}

//设置item 左右间距
-(CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section
{
    if (section == 0) {
        return 100;
    }
    return 10;
}

//设置边距
-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
{
    //if (section == 0) {
        return UIEdgeInsetsMake(0, 30, 0, 30);
    }
    return UIEdgeInsetsMake(10, 10, 10, 10);
}

//设置页眉大小
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section
{
    return CGSizeMake(375, 50);
}
//设置页脚大小
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout referenceSizeForFooterInSection:(NSInteger)section
{
    return CGSizeMake(375, 50);
}