UI3_UICollectionViewMuti

//  AppDelegate.m

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import "AppDelegate.h"

#import "ViewController.h"



@interface AppDelegate ()



@end



@implementation AppDelegate





- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    // Override point for customization after application launch.

    ViewController *root = [[ViewController alloc] init];

    UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:root];

    self.window.rootViewController = nav;

    self.window.backgroundColor = [UIColor whiteColor];

    

    return YES;

}

 

//  ViewController.h

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import <UIKit/UIKit.h>



@interface ViewController : UIViewController





@end







//

//  ViewController.m

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import "ViewController.h"

#import "DataModel.h"

#import "HeaderCollectionReusableView.h"

#import "FooterCollectionReusableView.h"

#import "DataCollectionViewCell.h"



#define kCellReuseID @"cellId"



#define kHeaderReuseID @"headerId"

#define kFooterReuseId @"footerId"





//UICollectionViewDelegateFlowLayout 遵守 UICollectionViewDelegate

@interface ViewController () <UICollectionViewDelegateFlowLayout,UICollectionViewDataSource>

{

    UICollectionView *_collectionView;

    NSMutableArray *_dataList;

}



@end



@implementation ViewController



- (void)viewDidLoad {

    [super viewDidLoad];

    // Do any additional setup after loading the view, typically from a nib.

    //创建数据源

    [self createDatadList];

    //创建UI

    [self createUI];

    //代理

}



- (void)createDatadList

{

    _dataList = [NSMutableArray array];

    for (int i=0; i<4; i++) {

        NSMutableArray *array = [NSMutableArray array];

        for (int j=0; j<5; j++) {

            NSString *name = [NSString stringWithFormat:@"picture%d",i*5+j];

            NSString *path = [[NSBundle mainBundle] pathForResource:name ofType:@"png"];

            DataModel *model = [[DataModel alloc] init];

            model.title = [NSString stringWithFormat:@"图片%d",i*5+j];

            model.image = [UIImage imageWithContentsOfFile:path];

            [array addObject:model];

        }

        [_dataList addObject:array];

    }

}



- (void)createUI

{

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

    _collectionView = [[UICollectionView alloc] initWithFrame:self.view.frame collectionViewLayout:layout];

    _collectionView.backgroundColor = [UIColor whiteColor];

    

    //注册cell

    

    [_collectionView registerClass:[DataCollectionViewCell class] forCellWithReuseIdentifier:kCellReuseID];

    //注册headerView footerView

    //注册headerView

    //UICollectionElementKindSectionHeader headerView 类型

    [_collectionView registerClass:[HeaderCollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:kHeaderReuseID];

    //注册footerView

    [_collectionView registerClass:[FooterCollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:kFooterReuseId];

    

    //设置代理

    _collectionView.delegate = self;

    _collectionView.dataSource = self;

    [self.view addSubview:_collectionView];

}



#pragma mark ---UICollectionViewDataSource---



//返回分区的个数

- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView

{

    return _dataList.count;

}



//返回cell的个数



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

{

    return [_dataList[section] count];

}



//返回cell



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

{

    DataCollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:kCellReuseID forIndexPath:indexPath];

    DataModel *model = [[_dataList objectAtIndex:indexPath.section] objectAtIndex:indexPath.item];

    [cell config:model];

    return cell;

}





#pragma mark ---UICollectionViewDelegateFlowLayout---

//返回cell的大小

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

{

    return CGSizeMake(150, 120);

}



//返回上下左右边距

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

{

    return UIEdgeInsetsMake(10, 5, 10, 5);

}



//返回竖向的间距

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section

{

    return 20;

}

//返回横向的间距

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section

{

    return 5;

}



//获取headerView footerView



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

{

    //headerView

    if (kind == UICollectionElementKindSectionHeader)

    {

        HeaderCollectionReusableView *headerView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:kHeaderReuseID forIndexPath:indexPath];

        headerView.titleLabel.text = [NSString stringWithFormat:@"第%ld分区", indexPath.section];

        headerView.titleLabel.textAlignment = NSTextAlignmentCenter;

        headerView.imageView.image = [UIImage imageNamed:@"headerImage.png"];

        headerView.backgroundColor = [UIColor yellowColor];

        return headerView;

    }//footerView

    else if(kind == UICollectionElementKindSectionFooter)

    {

        FooterCollectionReusableView *footerView = [collectionView dequeueReusableSupplementaryViewOfKind:kind withReuseIdentifier:kFooterReuseId forIndexPath:indexPath];

        footerView.imageView.image = [UIImage imageNamed:@"footerImage@2x"];

        return footerView;

    }

    return nil;

}





//返回headerView大小

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

{

    return CGSizeMake(375, 44);

}



//返回footerView的大小

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

{

    return CGSizeMake(375, 44);

}



- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

    // Dispose of any resources that can be recreated.

}



@end

 

//  HeaderUICollectionReusableView.h

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import <UIKit/UIKit.h>



@interface HeaderCollectionReusableView : UICollectionReusableView

//{

//    UILabel *_titleLabel;

//    UIImageView *_imageView;

//}



@property (nonatomic, retain)UILabel *titleLabel;

@property (nonatomic, retain)UIImageView *imageView;



@end







//

//  HeaderUICollectionReusableView.m

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import "HeaderCollectionReusableView.h"



@implementation HeaderCollectionReusableView



//重写HeaderCell

- (instancetype)initWithFrame:(CGRect)frame

{

    self = [super initWithFrame:frame];

    if (self) {

        _titleLabel = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 200, 44)];

        _imageView = [[UIImageView alloc] initWithFrame:CGRectMake(300, 0, 44, 44)];

        [self addSubview:_titleLabel];

        [self addSubview:_imageView];

    }

    return self;

}







@end

 

//  FooterCollectionReusableView.h

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import <UIKit/UIKit.h>



@interface FooterCollectionReusableView : UICollectionReusableView

//{

//    UIImageView *_imageView;

//}



@property (nonatomic, retain)UIImageView *imageView;



@end





//  FooterCollectionReusableView.m

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import "FooterCollectionReusableView.h"



@implementation FooterCollectionReusableView



//重写FooterCell

- (instancetype)initWithFrame:(CGRect)frame

{

    self = [super initWithFrame:frame];

    if (self) {

        _imageView = [[UIImageView alloc] initWithFrame:CGRectMake(00, 0, 375, 44)];

        [self addSubview:_imageView];

    }

    return self;

}



@end

 

//  DataCollectionViewCell.h

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import <UIKit/UIKit.h>

#import "DataModel.h"



@interface DataCollectionViewCell : UICollectionViewCell

{

    UILabel *_titleLabel;

    UIImageView *_imageView;

}



//显示模型数据

- (void)config:(DataModel *)model;



@end





//

//  DataCollectionViewCell.m

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import "DataCollectionViewCell.h"



@implementation DataCollectionViewCell



- (instancetype)initWithFrame:(CGRect)frame

{

    self = [super initWithFrame:frame];

    if (self) {

        _titleLabel = [[UILabel alloc] init];

        _imageView = [[UIImageView alloc] init];

        [self addSubview:_imageView];

        [_imageView addSubview:_titleLabel];

    }

    return self;

}



//显示数据

- (void)config:(DataModel *)model

{

    _titleLabel.frame = CGRectMake(0, 0, 150, 30);

    _imageView.frame = CGRectMake(0, 0, 150, 100);

    _titleLabel.textAlignment = NSTextAlignmentCenter;

    _titleLabel.backgroundColor = [UIColor grayColor];

    _titleLabel.alpha = 0.5;

    _titleLabel.textColor = [UIColor greenColor];

    _titleLabel.text = model.title;

    _imageView.image = model.image;

}



@end

 

//  DataModel.h

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import <Foundation/Foundation.h>

#import <UIKit/UIKit.h>



@interface DataModel : NSObject



@property (nonatomic,copy) NSString *title;

@property (nonatomic,strong) UIImage *image;



@end





//  DataModel.m

//  UI3_UICollectionViewMuti

//

//  Created by zhangxueming on 15/7/16.

//  Copyright (c) 2015年 zhangxueming. All rights reserved.

//



#import "DataModel.h"



@implementation DataModel



@end