RBCollectionViewBalancedColumnLayout

KO | EN

gitlite — search

#javascript #python #hacktoberfest #go #android #machine-learning #linux #nodejs #macos #cli #awesome-list #vue #security #open-source

RBCollectionViewBalancedColumnLayout

(★ 102)

A UICollectionViewLayout that displays your cells in balanced columns.

File Explorer

Download Latest Version (.zip)

- - AppDelegate.h
  - AppDelegate.m
  - Demo-Info.plist
  - Demo-Prefix.pch
  - main.m
  - ViewController.h
  - ViewController.m
- - project.pbxproj
- iPhone.png
- landscape.png
- portrait.png
- rotation.png
- RBCollectionViewBalancedColumnLayout.h
- RBCollectionViewBalancedColumnLayout.m
LICENSE.txt
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# BalancedColumnLayout

A UICollectionViewLayout that displays your cells in a variable number of columns that fit to the bounds of the CollectionView.  Why? Cause every other layout that attempts to mimic the Pintrest waterfall layout (as this does) wants you to set the number of columns from the outside and I wanted my layout to figure that out for me so I didn't have to deal with it in the rotation logic.  Also I wanted a single layout setup for iPhone and iPad resolutions, and whatever comes next.

## Usage

1. Copy RBCollectionViewBalancedColumnLayout .h/.m into your project
2. Set the layout on your collectionView to Custom, and set it's name to RBCollectionViewBalancedColumnLayout
3. Implement the collectionView:layout:heightForItemAtIndexPath: delegate method - if you want variable height cells or just set the width like so:

``` objective-c
RBCollectionViewBalancedColumnLayout * layout = (id)self.collectionView.collectionViewLayout;
layout.cellWidth = 100;
```

## Screenshots

#### Landscape

#### Rotating

#### Portrait

### iPhone

## Delegate methods

### Required

``` objective-c
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(RBCollectionViewBalancedColumnLayout *)collectionViewLayout heightForItemAtIndexPath:(NSIndexPath *)indexPath;
```

### Optional

``` objective-c
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(RBCollectionViewBalancedColumnLayout *)collectionViewLayout heightForHeaderInSection:(NSInteger)section;
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(RBCollectionViewBalancedColumnLayout *)collectionViewLayout heightForFooterInSection:(NSInteger)section;
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(RBCollectionViewBalancedColumnLayout *)collectionViewLayout widthForCellsInSection:(NSInteger)section;
```

#### TODO

- [ ] Make more configurable
- [x] Add ability to set unique cell widths per section
- [ ] Update demo to show adding/removing cells and sections
- [x] Replace Flowlayout delegate with our own
- [x] Implement header/footer supplementary views 
- [x] Make header views sticky like UITableView section headers

RBCollectionViewBalancedColumnLayout

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

RBCollectionViewBalancedColumnLayout

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README