WaterfallCollectionView

November 11, 2013 ยท View on GitHub

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