先正常寫表格UITableView匣沼，下面的是設置表格分組的樣式，（不分組就把表格樣式的改成indexPath.row就行了）
在表格內(nèi)容里寫：（就是創(chuàng)建網(wǎng)格必須的流水布局和設置網(wǎng)格里圖片位置的東西）
??????? tbv.rowHeight = 360;
? ? ? ? //創(chuàng)建流水布局? 確定單元格的位置
? ? ? ? UICollectionViewFlowLayout *flow = [[UICollectionViewFlowLayout alloc] init];
? ? ? ? //設置單元格大小
? ? ? ? flow.itemSize = CGSizeMake((self.view.frame.size.width - 4)/4, (360 - 3)/3);
? ? ? ? //設置分區(qū)間距? (上邊距柬脸，左，下，右)
? ? ? ? flow.sectionInset = UIEdgeInsetsMake(30, 80, 10, 80);
? ? ? ? //設置最小的行間距
? ? ? ? flow.minimumLineSpacing = 0.5;
? ? ? ? //設置最小的列間距
? ? ? ? flow.minimumInteritemSpacing = 1;
? ? ? ? //創(chuàng)建網(wǎng)格視圖
? ? ? ? collect = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 360) collectionViewLayout:flow];
? ? ? ? collect.delegate = self;
? ? ? ? collect.dataSource = self;
? ? ? ? collect.backgroundColor = [UIColor whiteColor];
? ? ? ? //注冊單元格
? ? ? ? [collect registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:reuse];
? ? ? ? [cell addSubview:collect];
然后就是正常寫網(wǎng)格里的東西了：
記得最上面@end下邊寫：
NSString *reuse = @"cell";
//這是設置網(wǎng)格里共有幾個圖的
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
? ? return 4;
}
//這是設置網(wǎng)格里cell內(nèi)容的（主要添加圖片的）注意是：（UICollectionView ）
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
? ? UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:reuse forIndexPath:indexPath];
? ? //設置 cell 內(nèi)容
? ? cell.backgroundColor = [UIColor darkGrayColor];
? ? UIImageView *imgV = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, (self.view.frame.size.width - 4)/4, (360 - 3)/3)];
? ? imgV.image = [UIImage imageNamed:@"勾選的副本"];
? ? [cell addSubview: imgV];
? ? //返回cell
? ? return cell;
}
最后是效果圖：
