RBCollectionViewBalancedColumnLayout

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

RBCollectionViewBalancedColumnLayout

(★ 102)

A UICollectionViewLayout that displays your cells in balanced columns.

RBCollectionViewBalancedColumnLayout Latest Version Download

Download Latest Version (.zip)

// 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

RBCollectionViewBalancedColumnLayout Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

RBCollectionViewBalancedColumnLayout

RBCollectionViewBalancedColumnLayout Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README