LBYCollectionViewLayout-UICollectionView实现横排横滑,竖排竖滑效果

竖排竖滑.gif
横排横滑.gif

在开发中经常会有列表横排横滑,竖排竖滑的需求,例如直播app中礼物列表就是横排横滑的效果,但是UICollectionView经常使用的UICollectionViewFlowLayout只提供了横排竖滑,竖排横滑的效果,用UICollectionViewFlowLayout实现横排横滑,竖排竖滑效果就需要我们进行大量的逻辑计算。

我们可以通过自定义的UICollectionViewLayout来实现UICollectionView横排横滑,竖排竖滑的效果。

LBYCollectionViewLayout就是通过自定义UICollectionViewLayout实现UICollectionView横排横滑,竖排竖滑。

导入方式:

方式一:直接将LBYCollectionViewLayout.{h,m}拷贝到项目中。

方式二:Pod依赖

pod 'LBYCollectionViewLayout', '~> 0.0.1'

代码实现:

    LBYCollectionViewLayout *layout = [[LBYCollectionViewLayout alloc] init];
    layout.scrollDirection = UICollectionViewScrollDirectionVertical;
    layout.itemSize = CGSizeMake(60, 60);
    layout.minimumLineSpacing = 10;
    layout.minimumInteritemSpacing = 10;
    layout.fixedSpacing = NO;
    layout.sectionInset = UIEdgeInsetsMake(0, 0, 0, 16);
    layout.headerReferenceSize = CGSizeZero;
    layout.footerReferenceSize = CGSizeZero;
    
    UICollectionView *collectionView = [[UICollectionView alloc] initWithFrame:self.view.bounds collectionViewLayout:layout];
    collectionView.delegate = self;
    collectionView.dataSource = self;
    collectionView.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:collectionView];

LBYCollectionViewLayout Demo下载

你可能感兴趣的:(LBYCollectionViewLayout-UICollectionView实现横排横滑,竖排竖滑效果)