FBLikeLayout - GitLite

KO | EN

gitlite — search

#python #llm #android #machine-learning #rust #deep-learning #linux #docker #macos #windows #cli #kubernetes #vue #security

FBLikeLayout

(★ 252)

This is an UICollectionView layout inspired by the photo section of facebook. This layout loads squared items with randomic full size items. It works with standard layout delegate methods. No additional custom methods to be implemented

File Explorer

Download Latest Version (.zip)

- - LaunchScreen.xib
  - Main.storyboard
- - FBLikeLayout.h
  - FBLikeLayout.m
- - 286812__angry-tiger_p.jpg
  - A-tiger-up-close-010.jpg
  - arrow-poster.jpg
  - Flash207.jpg
  - flash_by_rattledmachine-d62oesg.jpg
  - Maltese_Tiger.jpg
  - Project_Tiger.jpg
  - siberian_tiger_1.jpg
  - Siberian_Tiger_by_Malene_Th.jpg
  - snow-tiger.jpg
  - South-China-Tiger.jpg
  - the-flash-artwork-18.jpg
  - theme-tigers.jpg
  - Tiger-640x433.jpg
  - Tiger-Face-770x400.jpg
  - TiGer-tigers-19955050-900-714.jpg
  - Tiger-tigers-32293802-500-627.jpg
  - Tiger2.jpg
  - tiger_by_gregchapin-d5i53qs.png
  - tiger_free.jpg
  - tumblr_m0sacwHAsz1r9xp88o1_500.jpg
- AppDelegate.h
- AppDelegate.m
- ImageCollectionViewCell.h
- ImageCollectionViewCell.m
- Info.plist
- main.m
- ViewController.h
- ViewController.m
- - contents.xcworkspacedata
- project.pbxproj
- FBLikeLayout_SampleTests.m
- Info.plist
.gitignore
FBLikeLayout.podspec
LICENSE
README.md
screenshot.png
screenshot2.png

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

FBLikeLayout
=============

This is an UICollectionView layout inspired by the photo section of facebook.
This layout loads squared items with randomic full size items.
It works with standard layout delegate methods. No additional custom methods to be implemented.

![Screenshot1](https://raw.githubusercontent.com/gringoireDM/FBLikeLayout/master/screenshot.png)

![Screenshot2](https://raw.githubusercontent.com/gringoireDM/FBLikeLayout/master/screenshot2.png)

##FBLikeLayout
You can use this layout in your project by adding to your podfile:
<pre>pod 'FBLikeLayout'</pre>

##Usage

Just allocate a new `FBLikeLayout`, then customize the few properties this layout comes with

```objc
FBLikeLayout *layout = [FBLikeLayout new];

//in this case we want 3 cells per row, maximum. This is also the default value if you do not customize the layout.singleCellWidth property 
CGFloat cellWidth = (MIN(self.collectionView.bounds.size.width, self.collectionView.bounds.size.height)-self.collectionView.contentInset.left-self.collectionView.contentInset.right-8)/3.0;

layout.minimumInteritemSpacing = 4;
layout.singleCellWidth = cellWidth;
layout.maxCellSpace = 3; //for full size cells, this parameter determines the max cell space

//if you want the items size to be forced in order to have the minimumInteritemSpacing always respected. Otherwise the interitem spacing will be adapted in order to cover the complete row with cells
layout.forceCellWidthForMinimumInteritemSpacing = YES;
layout.fullImagePercentageOfOccurrency = 25; //this percent value determines how many times randomly the item will be full size.

self.collectionView.collectionViewLayout = layout;
```

Then just implement the UICollectionViewDelegateFlowLayout method:
```objc
-(CGSize) collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
```