UI 18 UICollectionView

UICollectionView 是 tableView 的升级版!

#import "ViewController.h"
#import "MyCell.h"
#import "UIImageView+WebCache.h"
#import "MyCollectionReusableView.h"

@interface ViewController ()<UICollectionViewDataSource, UICollectionViewDelegate>
@property(nonatomic, retain)NSMutableArray *arr;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.

    // UICollectionView 他是苹果官方提供的一种瀑布效果.

    // 每一个用来显示的item它的尺寸有多大.
    UICollectionViewFlowLayout *flowLayOut = [[UICollectionViewFlowLayout alloc] init];
    flowLayOut.itemSize = CGSizeMake(118, 210);
    // 设置一下行间距
    flowLayOut.minimumLineSpacing = 10;
    // 列间距
    flowLayOut.minimumInteritemSpacing = 10;

   // // 设置默认滚动方向, 默认是垂直方向.
   // flowLayOut.scrollDirection = UICollectionViewScrollDirectionHorizontal;

    // 设定头或者尾视图尺寸
    flowLayOut.headerReferenceSize = CGSizeMake(0, 80);




    UICollectionView *collection = [[UICollectionView alloc] initWithFrame:CGRectMake(0,64, 375, 667 - 64) collectionViewLayout:flowLayOut];
    // 接下来就是和tableView很相似,使用前需要前两个协议.

    collection.delegate = self;
    collection.dataSource = self;
    [self.view addSubview:collection];
    [collection release];

    // 通过注册的方式,创建Cell.
    // 第一个参数: 需要制定注册对象的类型
    // 第二个参数: 重用池的标志.
    [collection registerClass:[MyCell class] forCellWithReuseIdentifier:@"reuse"];

    //注册一个头视图
    // 第一个参数:
    // 第二个参数: 指定是头视图还是尾视图,常量字符串在系统的UICollectionViewFlowLayout类的最上面
    // 第三个参数: 重用标志

    [collection registerClass:[MyCollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"headerView"];


    [self createData];
}

// 创建头视图
- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{
    if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {
        MyCollectionReusableView *view = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"headerView" forIndexPath:indexPath];
        view.myLabel.text = @"哼哼";
        view.myLabel.textColor = [UIColor cyanColor];
        return view;
    }else {
        return nil;
    }
}

#warning 使用注册的方式创建的cell,必须使用自定义的cell,否则会在里面重复大量的创建视图(tableViewli的cell,在外面创建一个按钮加进去是应为按钮和Cell一同进入重用池),未来了杜绝重复创建,必须使用自定义cell.
- (void)createData{

    NSString *path = [[NSBundle mainBundle]pathForResource:@"Data" ofType:@"json"];
    NSData *data = [NSData dataWithContentsOfFile:path];
    NSMutableArray *Aarr = [NSJSONSerialization JSONObjectWithData:data options:0 error:nil];
    self.arr = [NSMutableArray array];
    for (NSMutableDictionary *temp in Aarr) {
        [self.arr addObject:temp[@"thumbURL"]];
    }

}

// 和TableView一样,有两个必须要实现的方法.
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{

    return self.arr.count;
}

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
#warning 在CollectionCell的创建时候,提供了另外一种不同于tableView的Cell创建方式.

    MyCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"reuse" forIndexPath:indexPath];
    // 只有通过注册的方式创建的cell,在取值的时候就不需要就不需要在进行是否为空的判断.
    cell.contentView.backgroundColor = [UIColor redColor];

    NSString *temp = self.arr[indexPath.item];
    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:temp]];
    cell.label.text =[NSString stringWithFormat:@"%ld",indexPath.row];
    return cell;
}
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{

}