ahmedalmasri / sncollectionviewlayout

Collection View Layouts is a set of custom flow layouts for iOS which imitate general data grid approaches for mobile apps.

SNCollectionViewLayout

ScreenShots

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

Using

1- Create instance

  let snCollectionViewLayout = SNCollectionViewLayout()
       snCollectionViewLayout.fixedDivisionCount = 4 // Columns for .vertical, rows for .horizontal
       snCollectionViewLayout.delegate = self
       myCollectionView.collectionViewLayout = snCollectionViewLayout

2- Delegate

  // scale for items based number of columns
  func scaleForItem(inCollectionView collectionView: UICollectionView, withLayout layout: UICollectionViewLayout, atIndexPath indexPath: IndexPath) -> UInt {
        if indexPath.row == 0 || indexPath.row == 3 || indexPath.row == 10 || indexPath.row == 70 {
            
            return 2 
        }
        return 1
    }
    // height for item if set fixedDimension  height equal width
    func itemFlexibleDimension(inCollectionView collectionView: UICollectionView, withLayout layout: UICollectionViewLayout, fixedDimension: CGFloat) -> CGFloat {
        return fixedDimension
    }
    
    // header height
    func headerFlexibleDimension(inCollectionView collectionView: UICollectionView, withLayout layout: UICollectionViewLayout, fixedDimension: CGFloat) -> CGFloat {
        return 0
    }

Requirements

• Swift 4.2+
• Xcode 10.0+
• iOS 11.0+

Installation

SNCollectionViewLayout is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'SNCollectionViewLayout'

Author

ahmedAlmasri, [email protected]

License

SNCollectionViewLayout is available under the MIT license. See the LICENSE file for more info.

sncollectionviewlayout's Issues

Deplyment Target issue

I want to deploy it on minimum target 10.0 which is not supported by this library. Is it possible?

Unable to find a specification for pod

Added pod 'SNCollectionViewLayout' and then hit pod install from my project directory and this is what I get :

[!] Unable to find a specification for SNCollectionViewLayout

can't detect scrolling action

I set scrolling horizontal and need to set scrolling action for pagination.
But I can't get scrolling action in SNCollectionViewLayout.

how to set header size and header for section?

customize layout by section

I would like to have my first section look something like

but then i would like the subsequent sections to looks more like a normal cell where the width is the length of the collection view, but have a smaller height.

Something more like:

How could I use the SNCollectionViewLayout to achieve this ?

how to set section leading and trailing inset?