iOS UICollectionView实现九宫格效果!!!

总体来说UICollectionView和UITableView大体上比较相似,唯一的不同就是我们在使用UICollectionView的时候需要自定义UICollectionView的cell,而且它还需要先注册xib,同时我们还要实现

UICollectionViewDelegate,UICollectionViewDataSource代理协议,如果必要的话也要实现

UICollectionViewDelegateFlowLayout代理协议;

一,首先创建 UICollectionViewFlowLayOut

1 UICollectionViewFlowLayout * layOut = [[UICollectionViewFlowLayout alloc]init];
2     layOut.itemSize = CGSizeMake((screenWidth - 40)/3, (screenWidth - 40)/3); //设置item的大小
3     layOut.scrollDirection = UICollectionViewScrollDirectionVertical; //设置布局方式
4 layOut.sectionInset = UIEdgeInsetsMake(10, 10,0, 10); //设置距离上 左 下 右

二,添加 UICollectionView

1 UICollectionView * collectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 0, screenWidth, self.view.frame.size.height - 64) collectionViewLayout:layOut];
2     collectionView.backgroundColor = [UIColor whiteColor];
3     collectionView.delegate = self;
4     collectionView.dataSource = self;
5     collectionView.scrollEnabled = NO;
6     [self.view addSubview:collectionView];

三,collectionView注册xib

1 [collectionView registerNib:[UINib nibWithNibName:@"CollectionViewCell" bundle:nil] forCellWithReuseIdentifier:@"cell"]; //注册xib文件

四,实现代理协议

1 //实现代理协议
2 - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
3     return 8;
4 }
5 - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
6     CollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath];
7     cell.img.image = [UIImage imageNamed:@"image1"];
8     return cell;
9 }

五,展示效果

六,UICollectionView功能十分强大,同时也能够实现不规则的瀑布流效果,希望小伙伴可以自己去发现,探索