UICollectionView的简单使用

来源：互联网发布：合肥行知编辑：程序博客网时间：2024/05/27 19:25

转载自:http://my.oschina.net/joanfen/blog/160156?fromerr=FrTDruyr

效果图

storyboard可以快速对collection和table中cell进行布局，这样得好处是你可以直观得看到cell摆放位置布局状态，并可以将复用的Cell直接放在Collection中，如果你要对cell的间距进行调整，可以方便地直接调数据

在画布上添加一个CollectionView，并创建映射，命名为myCollection，单词写错。。算鸟

cell之间的间距，通过调整Min Spacing，Cell据Collection的上下左右的距离通过调整Section Insets，cell size，header size，footer size意思都很明显了，总之大家自己调调看就知道了，将Items多添加几个看下布局，然后调整间距，得到心中最佳效果，然后将items的数量设置为1。

本文cell上是一个imageView和一个label，先添加到cell上，设置好坐标，然后新建一个UICollectionViewCell的类，命名为collectionCell，将Storyboard中的Cell的Custom Class设置为collectionCell，为imageView和Label添加映射。分别命名为imageView和titleLabel。在controller的.m文件中

?
1
#import "collectionCell.h"

在viewController中实现DataSource和Delegate, 并定义一个Array用来存放image

?
1
2
3
4
5
6
@interface ViewController : UIViewController<UICollectionViewDataSource,UICollectionViewDelegate>
 
@property (strong, nonatomic)NSMutableArray *dataMArr;// 数据源
@property (weak, nonatomic) IBOutlet UICollectionView *myConllection;// collectionView
 
@end

在.m中设置数据源，collection代理，并实现dataSource方法

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
- (void)viewDidLoad
{
    [super viewDidLoad];
    [self setUpCollection];
}
 
-(void)setUpCollection{
    self.dataMArr = [NSMutableArray array];
    for(NSInteger index = 0;index<9; index++){
        UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%ld",(long)index+1]];
        NSString *title = [NSString stringWithFormat:@"{0,%ld}",(long)index+1];
        NSDictionary *dic = @{@"image": image, @"title":title};
        [self.dataMArr addObject:dic];
    }
    self.myConllection.delegate = self;
    self.myConllection.dataSource = self;
     
 
}
#pragma mark - Collection View Data Source
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    return self.dataMArr.count;
}
 
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
     
    static NSString *collectionCellID = @"myCollectionCell";
    collectionCell *cell = (collectionCell *)[collectionView dequeueReusableCellWithReuseIdentifier:collectionCellID forIndexPath:indexPath];
     
    NSDictionary *dic    = self.dataMArr[indexPath.row];
    UIImage *image       = dic[@"image"];
    NSString *title      = dic[@"title"];
     
    cell.imageView.image = image;
    cell.titleLabel.text = title;
     
    return cell;
};

0 0