Xcode_7 iOS_9 集合视图_CollectionViewController Objective-C (9)

1、新建SingleViewApplication项目，进入到storyboard，把原来的ViewController删掉，添加Collection View Controller控件，然后因为原来的ViewController继承的是UIViewController类，现在改一下，并且加上数据源协议和委托协议，所以ViewController.h：

////  ViewController.h//  TestProject////  Created by 侯家奇 on 16/8/17.//  Copyright © 2016年 侯家奇. All rights reserved.//#import <UIKit/UIKit.h>#import "PhotoCell.h"@interface ViewController : UICollectionViewController <UICollectionViewDelegate, UICollectionViewDataSource>@property (nonatomic, retain) NSArray *dataArr;@end

2、添加一个自定义单元格类，直接在项目文件夹下右键->New Files->Cocoa Touch Class，subclass of选择UICollectionViewCell，然后这里类名是PhotoCell，将Cell控件的类指定为PhotoCell，identifier设置为PhotoCell：

3、拖两个控件ImageView和Label控件到PhotoCell控件上，并且分别配置输出口，然后给自定义单元格类源文件写一个初始化函数：

////  PhotoCell.h//  TestProject////  Created by 侯家奇 on 16/8/22.//  Copyright © 2016年 侯家奇. All rights reserved.//#import <UIKit/UIKit.h>@interface PhotoCell : UICollectionViewCell@property (weak, nonatomic) IBOutlet UIImageView *imageView;@property (weak, nonatomic) IBOutlet UILabel *label;@end////  PhotoCell.m//  TestProject////  Created by 侯家奇 on 16/8/22.//  Copyright © 2016年 侯家奇. All rights reserved.//#import "PhotoCell.h"@implementation PhotoCell- (id)initWithFrame:(CGRect)frame {    self = [super initWithFrame:frame];    if (self) {            }    return self;}@end

4、这里图片是自己网上下载的png格式的图标素材，在这里导入：

5、然后图片列表采用plist文件的方式读取，新建一个user_head.plist文件，内容大致如下：

6、最后贴出ViewController.m的代码：

////  ViewController.m//  TestProject////  Created by 侯家奇 on 16/8/17.//  Copyright © 2016年 侯家奇. All rights reserved.//#import "ViewController.h"#import "PhotoCell.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {    [super viewDidLoad];    // Do any additional setup after loading the view, typically from a nib.    [self initCollectionView];}- (void)didReceiveMemoryWarning {    [super didReceiveMemoryWarning];    // Dispose of any resources that can be recreated.}- (void)initCollectionView {    NSBundle *bundle = [NSBundle mainBundle];    NSString *plistPath = [bundle pathForResource:@"user_head" ofType:@"plist"];    _dataArr = [[NSArray alloc] initWithContentsOfFile:plistPath];    NSLog(@"data count = %lu", (unsigned long)[_dataArr count]);}//显示多少行- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{    if ([_dataArr count]%4 >= 1) {        return [_dataArr count]/4 + 1;    } else {        return [_dataArr count]/4;    }}//显示多少列- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{    return 4;}//为每个单元设置UI- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{    PhotoCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"PhotoCell" forIndexPath:indexPath];//"bookCell" 对应第三步的cell的identifier    if (indexPath.section*4+indexPath.row < [_dataArr count]) {        NSDictionary *dict = [_dataArr objectAtIndex:(indexPath.section*4+indexPath.row)];//4为每行的个数        cell.label.text = [dict objectForKey:@"itemName"];        NSLog(@"itemName= %@",[dict objectForKey:@"itemName"]);        cell.imageView.image = [UIImage imageNamed:[dict objectForKey:@"itemImagePath"]];        return cell;    } else {        cell.label.text = @"";        return cell;    }}//选择单元格触发事件- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath{    if (indexPath.section*4+indexPath.row < [_dataArr count]) {        NSDictionary *dict = [_dataArr objectAtIndex:(indexPath.section*4+indexPath.row)];//4为每行的个数        NSString *userName = [dict objectForKey:@"itemName"];        NSString *userHead = [dict objectForKey:@"itemImagePath"];        NSLog(@"userName = %@, userHead = %@", userName,userHead);    }}@end