How to set cell spacing and UICollectionView – UICollectionViewFlowLayout size ratio?

by

Add these 2 lines 

layout.minimumInteritemSpacing = 0
layout.minimumLineSpacing = 0

So you have:

   // Do any additional setup after loading the view, typically from a nib.
        let layout: UICollectionViewFlowLayout = UICollectionViewFlowLayout()
        layout.sectionInset = UIEdgeInsets(top: 20, left: 0, bottom: 10, right: 0)
        layout.itemSize = CGSize(width: screenWidth/3, height: screenWidth/3)
        layout.minimumInteritemSpacing = 0
        layout.minimumLineSpacing = 0
        collectionView!.collectionViewLayout = layout

That will remove all the spaces and give you a grid layout:

enter image description here

If you want the first column to have a width equal to the screen width then add the following function:

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    if indexPath.row == 0
    {
        return CGSize(width: screenWidth, height: screenWidth/3)
    }
    return CGSize(width: screenWidth/3, height: screenWidth/3);

}

Grid layout will now look like (I’ve also added a blue background to first cell):
enter image description here

More Related Contents:

  1. Access Firebase variable outside Closure
  2. UICollectionView Layout like SnapChat?
  3. Dynamic cell width of UICollectionView depending on label width
  4. the behavior of the UICollectionViewFlowLayout is not defined, because the cell width is greater than collectionView width
  5. How to set UICollectionViewCell Width and Height programmatically
  6. Why on Xcode 11, UICollectionViewCell changes size as soon as you scroll (I already set size in sizeForItem AtIndexPath:)?
  7. Changing cell background color in UICollectionView in Swift
  8. Warning: UICollectionViewFlowLayout has cached frame mismatch for index path ‘abc’
  9. Protocol func returning Self
  10. Compiler error: Method with Objective-C selector conflicts with previous declaration with the same Objective-C selector
  11. @selector() in Swift?
  12. .toInt() removed in Swift 2?
  13. Convert string to date in Swift
  14. UIAlertController – add custom views to actionsheet
  15. iOS 14 SwiftUI Keyboard lifts view automatically
  16. How to get current language code with Swift?
  17. How do you unwrap Swift optionals?
  18. How can I encode a string to Base64 in Swift?
  19. How to refresh Widget data?
  20. Math divison in Swift
  21. How to load URL in UIWebView in Swift?
  22. Make code with Firebase asynchronous
  23. Module compiled with swift 3.0 cannot be imported in Swift 3.0.1
  24. Swift presentViewController
  25. Why convenience keyword is even needed in Swift?
  26. Xcode: Using custom fonts inside Dynamic framework
  27. Separating multiple if conditions with commas in Swift
  28. Swift alternative to performSelectorOnMainThread
  29. Using Codable on a dynamic type/object
  30. Class ‘ViewController’ has no initializers in swift

Leave a Comment