Skip to content

BGCollectionView是基于UICollectionView(纯代码方式)实现上下拉刷新加载数据的瀑布流式(WaterFlow)布局

License

Notifications You must be signed in to change notification settings

yangshebing/BGCollectionView

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BGCollectionView

BGCollectionView是基于UICollectionView(纯代码方式)实现上下拉刷新加载数据的瀑布流式(WaterFlow)布局, 其中集成下拉刷新采用的是EGORefreshTableHeaderView。

环境要求

  • iOS6.0+
  • Xcod7.0+

安装方法

CocoaPods安装方式:

pod "BGCollectionView"

手动安装方式:

导入"WaterFlow"与"EGOTableViewPullRefresh"文件夹至目标工程中。

使用方法

(1)创建自定义瀑布流式布局

    BGCollectionViewFlowLayout *waterFlowLayout = [[BGCollectionViewFlowLayout alloc] init];
    waterFlowLayout.delegate = self;
    //设置列数
    waterFlowLayout.columnNum = 4;
    //设置列间距
    waterFlowLayout.minimumInteritemSpacing = 15;
    //设置行间距
    waterFlowLayout.minimumLineSpacing = 8;
    //设置头视图宽高,设置高度为0则不显示下拉刷新视图
    waterFlowLayout.headerReferenceSize = CGSizeMake(bScreenWidth, 0.1);
    //设置尾部视图宽高,设置高度为0则不显示上拉刷新视图
    waterFlowLayout.footerReferenceSize = CGSizeMake(bScreenWidth, 60);
    //设置上下左右间距
    waterFlowLayout.sectionInset = UIEdgeInsetsMake(10, 10, 10, 10);

(2)创建BGCollectionView

   BGCollectionView *waterFlowCollectionView = [[BGCollectionView alloc]initWithFrame:CGRectMake(0, 0, bScreenWidth, bScreenHeight - 64) collectionViewLayout:waterFlowLayout];
    waterFlowCollectionView.pullDownRefreshBlock = ^(UICollectionView *collectionView) {
        //下拉取最新数据
    };
    
    waterFlowCollectionView.pullUpRefreshBlock = ^(UICollectionView *collectionView) {
        //上拉取更多数据
    };
    [self.view addSubview:waterFlowCollectionView];

(3)实现BGCollectionViewFlowLayoutDelegate代理方法

- (CGFloat)collectionView:(UICollectionView *)collectionView
                   layout:(BGCollectionViewFlowLayout *)layout
 heightForItemAtIndexPath:(NSIndexPath *)indexPath
{
    //返回指定的高度
    return 100 + (rand() % 100);
}

Demo效果截图

demo.gif

协议许可

BGCollectionView遵循MIT许可协议。有关详细信息,请参阅许可协议。

About

BGCollectionView是基于UICollectionView(纯代码方式)实现上下拉刷新加载数据的瀑布流式(WaterFlow)布局

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages