SureCase / WaterfallCollectionView

Waterfall-style implementation of UICollectionView layout

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WaterfallCollectionView

WaterfallCollectionView is custom layout for UICollectionView, based on Pinterest style. It supports (sticky or not) header supplementary view and decoration view.

...and now It's in development phase. :)

Sample usage

Setup FRGWaterfallCollectionViewLayout as UICollectionView layout in you view controller.

/*...*/
FRGWaterfallCollectionViewLayout *cvLayout = [[FRGWaterfallCollectionViewLayout alloc] init];
    cvLayout.delegate = self;
    
    cvLayout.itemWidth = 140.0f;
    cvLayout.topInset = 10.0f;
    cvLayout.bottomInset = 10.0f;
    cvLayout.stickyHeader = YES;
    
    [self.cv setCollectionViewLayout:cvLayout];		//cv is UICollectionView property
/*...*/

If you want to show section header you should implement delegate method

- (CGFloat) collectionView:(UICollectionView *)collectionView
                    layout:(FRGWaterfallCollectionViewLayout *)collectionViewLayout
heightForHeaderAtIndexPath:(NSIndexPath *)indexPath;

Screenshots

Sections

Decoration view

Horizontal orientation

Sticky header

About

Waterfall-style implementation of UICollectionView layout


Languages

Language:Objective-C 100.0%