iOS UICollectionView基础

2021-12-12 14:03:26 阅读：186 来源： 互联网

标签：layout 自定义创建 collectionView iOS item UICollectionView 基础

UICollectionView是类似于UITableView的强大控件，使用UICollectionView可以实现下图中类似于淘宝购物界面上下左右参差不齐的小方框显示内容：在这里插入图片描述
话不多说，下面就讲UICollectionView的基本创建。

UICollectionView的创建

viewController.h文件中：（遵守UICollectionView相关的两个协议）

#import <UIKit/UIKit.h>
//#import "CollectionViewCell.h"
@interface ViewController : UIViewController
<UICollectionViewDataSource, UICollectionViewDelegate>

@end

viewController.m文件中：

#import "ViewController.h"

#define selfWidth [UIScreen mainScreen].bounds.size.width
#define selfHeight [UIScreen mainScreen].bounds.size.height
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    
    //创建一个layout布局类
        UICollectionViewFlowLayout * layout = [[UICollectionViewFlowLayout alloc]init];
        //设置布局方向为垂直流布局
        layout.scrollDirection = UICollectionViewScrollDirectionVertical;
        //设置每个item的大小为100*100
        layout.itemSize = CGSizeMake(100, 100);
        //创建collectionView 通过一个布局策略layout来创建
        UICollectionView * collect = [[UICollectionView alloc]initWithFrame:self.view.frame collectionViewLayout:layout];
        //代理设置
        collect.delegate = self;
        collect.dataSource = self;
        //注册item类型 这里使用系统的类型（也可以使用类似于UITableView的自定义cell）
        [collect registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cellid"];
       
        [self.view addSubview:collect];
}

//返回分区个数
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
    return 1;
}

//返回每个分区的item个数
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    return 10;
}

//返回每个item（item的自定义函数，类似于UITableView的cell的自定义函数）
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    UICollectionViewCell * cell  = [collectionView dequeueReusableCellWithReuseIdentifier:@"cellid" forIndexPath:indexPath];
    //这样设定出来的是颜色各不相同的item
    cell.backgroundColor = [UIColor colorWithRed:arc4random()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/255.0 alpha:1];
    return cell;
}

@end

我们的运行结果如下：
请添加图片描述
从上方的代码可以看出我们UICollectionView的创建过程基本和UITableView是一致的，唯一的不同之处就是UICollectionView的创建需要首先定义一个layout布局类去设定我们的UICollectionView的布局样式和item的规格等等，然后在创建UICollectionView控件的时候使用这个layout布局，其余的部分类似于UITableView都是设定组数，设定组内item的个数和编写item的自定义函数即可完成创建，另外我们在实际项目中，可能经常会用到自定义的方式创建UICollectionView，具体方法推荐这篇博客：iOS之UICollectionView自定义布局

标签：layout,自定义,创建,collectionView,iOS,item,UICollectionView,基础
来源： https://blog.csdn.net/m0_52192682/article/details/121886262

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

iOS UICollectionView基础

UICollectionView的创建