UICollectionView 基础使用

1. UICollectionView 的简单认识

• 支持水平方向和垂直方向布局
• 支持通过 UICollectionViewLayout 类配置的方式进行界面布局
• 通过 UICollectionViewLayoutDelegate 协议方法可以动态的对布局进行重设
• 支持完全自定义的 UICollectionViewLayout 子类进行各种复杂布局

2. 使用 UICollectionView 进行九宫格布局

// UICollectionViewScrollDirectionVertical  垂直方向
// UICollectionViewScrollDirectionHorizontal 水平方向

- (void)viewDidLoad {
    [super viewDidLoad];
    UICollectionViewFlowLayout *layout  = [[UICollectionViewFlowLayout alloc ]init];
    layout.scrollDirection = UICollectionViewScrollDirectionVertical;
    layout.itemSize = CGSizeMake(100, 100);
    
    UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:self.view.frame collectionViewLayout:layout];
    collectionView.backgroundColor = [UIColor whiteColor];
    [collectionView registerClass:[UICollectionViewCell class]  forCellWithReuseIdentifier:@"cellID" ];
    collectionView.delegate = self;
    collectionView.dataSource = self;
    [self.view addSubview:collectionView];
    
}

2. 实现 UICollectionViewDataSource,UICollectionViewDelegate 协议方法

// 控制分区数
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
    return 1;
}

// 设置每个分区载体 item 数
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    return 10;
}

//设置每条数据载体
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    UICollectionViewCell * cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cellID" forIndexPath:indexPath];
    cell.backgroundColor = [UIColor colorWithRed:arc4random()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/255.0 alpha:1];
    return cell;
}

1586067808421.jpg