IOS开发之UI进阶（UICollectionView）

代理协议

• UICollectionViewDataSource数据源代理协议
• UICollectionViewDelegate代理协议
• UICollectionViewDelegateFlowLayout布局代理协议

UICollectionView基本使用

#pragma mark -- UICollectionViewDataSource

/// 每个section的item个数
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    
    
    return 2;
}
/// 定义展示的Section的个数
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
    
    
    return 5;
}

//每个UICollectionView展示的内容
 - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    
    
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"UICollectionViewCell" forIndexPath:indexPath];
    return  cell;
}

 - (UICollectionView *)collectionView{
    
    
    if (!_collectionView) {
    
    
        UICollectionViewFlowLayout *flowLayOut = [[UICollectionViewFlowLayout alloc] init];
        [flowLayOut setScrollDirection:UICollectionViewScrollDirectionHorizontal];
        [flowLayOut setItemSize:CGSizeMake(40, 40)];
        [flowLayOut setMinimumInteritemSpacing:1];//行间距
        [flowLayOut setMinimumLineSpacing:4];//列间距
        [flowLayOut setSectionInset:UIEdgeInsetsMake(0, 0, 0, 16)];
        
        CGRect frame = self.view.frame;
        _collectionView = [[UICollectionView alloc] initWithFrame:frame collectionViewLayout:flowLayOut];
        _collectionView.showsVerticalScrollIndicator = NO;
        _collectionView.showsHorizontalScrollIndicator = NO;
        _collectionView.backgroundColor = [UIColor clearColor];
        _collectionView.dataSource = self;
        _collectionView.delegate = self;
        _collectionView.clipsToBounds = YES;
        [_collectionView registerClass:[PRPatternCell class] forCellWithReuseIdentifier:@"UICollectionViewCell"];
    }
    return _collectionView;
}

• 其他常用代理方法

#pragma mark --UICollectionViewDelegateFlowLayout

/// 定义每个UICollectionView 的大小
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath;

/// 定义每个UICollectionView 的 margin
- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section;

#pragma mark --UICollectionViewDelegate

/// 点击的Cell调用的方法
- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath;

/// 点击的Cell是否可以被选择
- (BOOL)collectionView:(UICollectionView *)collectionView shouldSelectItemAtIndexPath:(NSIndexPath *)indexPath;

Xib在UICollectionViewCell中的复用

• 注册UICollectionViewCell

    [self.collectionView registerNib:[UINib nibWithNibName:@"JJCollectionCell" bundle:nil] forCellWithReuseIdentifier:@"JJCollectionCell"];

• 创建方法还是一样

    JJCollectionCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"JJCollectionCell" forIndexPath:indexPath];