美文网首页程序员
LBYCollectionViewLayout-UICollec

LBYCollectionViewLayout-UICollec

作者: Billlin | 来源:发表于2018-02-05 10:06 被阅读0次
竖排竖滑.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-UICollec

    在开发中经常会有列表横排横滑,竖排竖滑的需求,例如直播app中礼物列表就是横排横滑的效果,但是UICollecti...

网友评论

    本文标题:LBYCollectionViewLayout-UICollec

    本文链接:https://www.haomeiwen.com/subject/mwdbzxtx.html