Come posso impostare la spaziatura cellulare in una sezione di UICollectionView? So che esiste una proprietà minimumInteritemSpacingche ho impostato su 5.0, ma la spaziatura non appare 5.0. Ho implementato il metodo delegato flowout.

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section
{

    return 5.0;
}

ancora non sto ottenendo il risultato desiderato. Penso che sia la spaziatura minima. Non esiste un modo per impostare la spaziatura massima?

So che l'argomento è vecchio, ma nel caso qualcuno abbia ancora bisogno di una risposta corretta qui di cosa hai bisogno:

1. Sostituisci layout di flusso standard.

2. Aggiungi l'implementazione in questo modo:

   - (NSArray *) layoutAttributesForElementsInRect:(CGRect)rect {
       NSArray *answer = [super layoutAttributesForElementsInRect:rect];
   
       for(int i = 1; i < [answer count]; ++i) {
           UICollectionViewLayoutAttributes *currentLayoutAttributes = answer[i];
           UICollectionViewLayoutAttributes *prevLayoutAttributes = answer[i - 1];
           NSInteger maximumSpacing = 4;
           NSInteger origin = CGRectGetMaxX(prevLayoutAttributes.frame);
   
           if(origin + maximumSpacing + currentLayoutAttributes.frame.size.width < self.collectionViewContentSize.width) {
               CGRect frame = currentLayoutAttributes.frame;
               frame.origin.x = origin + maximumSpacing;
               currentLayoutAttributes.frame = frame;
           }
       }
       return answer;
   }
   

dove maximumSpacing potrebbe essere impostato su qualsiasi valore tu preferisca. Questo trucco garantisce che lo spazio tra le celle sia ESATTAMENTE uguale a maximumSpacing !!

Supportare la domanda iniziale. Ho cercato di ottenere la spaziatura a 5px sul UICollectionViewma questo non funziona, anche con un UIEdgeInsetsMake(0,0,0,0)...

Su UITableView posso farlo specificando direttamente le coordinate x, y in una riga ...

Ecco il mio codice UICollectionView:

#pragma mark collection view cell layout / size
- (CGSize)collectionView:(UICollectionView*)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {
    return [self getCellSize:indexPath];  // will be w120xh100 or w190x100
    // if the width is higher, only one image will be shown in a line
}

#pragma mark collection view cell paddings
- (UIEdgeInsets)collectionView:(UICollectionView*)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
    return UIEdgeInsetsMake(0, 0, 0, 0); // top, left, bottom, right
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {

    return 5.0;
}

Aggiornamento: risolto il mio problema, con il seguente codice.

ViewController.m

#import "ViewController.h"
#import "MagazineCell.h" // created just the default class. 

static NSString * const cellID = @"cellID";

@interface ViewController ()

@end

@implementation ViewController

#pragma mark - Collection view
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
    return 1;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return 30;
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    MagazineCell *mCell = (MagazineCell *)[collectionView dequeueReusableCellWithReuseIdentifier:cellID forIndexPath:indexPath];

    mCell.backgroundColor = [UIColor lightGrayColor];

    return mCell;
}

#pragma mark Collection view layout things
// Layout: Set cell size
- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath {

    NSLog(@"SETTING SIZE FOR ITEM AT INDEX %d", indexPath.row);
    CGSize mElementSize = CGSizeMake(104, 104);
    return mElementSize;
}
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumInteritemSpacingForSectionAtIndex:(NSInteger)section {
    return 2.0;
}

- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section {
    return 2.0;
}

// Layout: Set Edges
- (UIEdgeInsets)collectionView:
(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
   // return UIEdgeInsetsMake(0,8,0,8);  // top, left, bottom, right
    return UIEdgeInsetsMake(0,0,0,0);  // top, left, bottom, right
}

@end

Usando un layout a flusso orizzontale, stavo anche ottenendo una spaziatura di 10 punti tra le celle. Per rimuovere la spaziatura avevo bisogno di impostare minimumLineSpacingoltre minimumInterItemSpacinga zero.

UICollectionViewFlowLayout *flow = [[UICollectionViewFlowLayout alloc] init];
flow.itemSize = CGSizeMake(cellWidth, cellHeight);
flow.scrollDirection = UICollectionViewScrollDirectionHorizontal;
flow.minimumInteritemSpacing = 0;
flow.minimumLineSpacing = 0;

Inoltre, se tutte le celle hanno le stesse dimensioni, è più semplice ed efficiente impostare direttamente la proprietà sul layout del flusso invece di utilizzare i metodi delegati.

Ricorda, è lo spazio di linea minimo , non la spaziatura minima tra gli elementi o lo spazio delle celle. Perché la direzione di scorrimento della raccolta è ORIZZONTALE .

Se è verticale, è necessario impostare lo spazio delle celle o lo spazio tra gli elementi per lo spazio orizzontale tra le celle e l'interlinea per lo spazio verticale tra le celle.

Versione Objective-C

- (CGFloat)collectionView:(UICollectionView *)collectionView
                       layout:(UICollectionViewLayout*)collectionViewLayout
    minimumLineSpacingForSectionAtIndex:(NSInteger)section
    {
        return 20;
    }

Versione rapida:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return 20
}

Prova questo codice per assicurarti di avere una spaziatura di 5px tra ciascun elemento:

- (UIEdgeInsets)collectionView:(UICollectionView *) collectionView 
                        layout:(UICollectionViewLayout *) collectionViewLayout 
        insetForSectionAtIndex:(NSInteger) section {

    return UIEdgeInsetsMake(0, 0, 0, 5); // top, left, bottom, right
}

- (CGFloat)collectionView:(UICollectionView *) collectionView
                   layout:(UICollectionViewLayout *) collectionViewLayout
  minimumInteritemSpacingForSectionAtIndex:(NSInteger) section {    
    return 5.0;
}

Versione rapida della risposta più popolare. Lo spazio tra le celle sarà uguale a cellSpacing.

class CustomViewFlowLayout : UICollectionViewFlowLayout {

    let cellSpacing:CGFloat = 4

    override func layoutAttributesForElementsInRect(rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        if let attributes = super.layoutAttributesForElementsInRect(rect) {
        for (index, attribute) in attributes.enumerate() {
                if index == 0 { continue }
                let prevLayoutAttributes = attributes[index - 1]
                let origin = CGRectGetMaxX(prevLayoutAttributes.frame)
                if(origin + cellSpacing + attribute.frame.size.width < self.collectionViewContentSize().width) {
                    attribute.frame.origin.x = origin + cellSpacing
                }
            }
            return attributes
        }
        return nil
    }
}

Ho trovato un modo molto semplice per configurare la spaziatura tra celle o righe utilizzando IB.

Basta selezionare UICollectionView dal file storyboard / Xib e fare clic su Impostazioni dimensioni come specificato nell'immagine seguente.

Per configurare lo spazio in modo programmatico, utilizzare le seguenti proprietà.

1) Per impostare lo spazio tra le file.

[self.collectionView setMinimumLineSpacing:5];

2) Per impostare lo spazio tra elementi / celle.

[self.collectionView setMinimumInteritemSpacing:5];

Si prega di notare il nome della proprietà minimumInterItemSpacing . Questa sarà la spaziatura minima tra gli articoli, non la spaziatura esatta . Se imposti minimumInterItemSpacing su un valore, puoi assicurarti che la spaziatura non sarà un valore inferiore a quello. Ma c'è la possibilità di ottenere un valore più elevato.

In realtà la spaziatura tra gli elementi dipende da diversi fattori itemSize e sectionInset . La vista Raccolta posiziona dinamicamente i contenuti in base a questi valori. Quindi non puoi assicurare la spaziatura esatta. Dovresti fare qualche prova ed errore con sectionInset e minimumInterItemSpacing .

Risposta per Swift 3.0, Xcode 8

1.Assicurati di impostare il delegato della vista raccolta

class DashboardViewController: UIViewController {
    @IBOutlet weak var dashboardCollectionView: UICollectionView!

    override func viewDidLoad() {
        super.viewDidLoad()
        dashboardCollectionView.delegate = self
    }
}

2.Implementare il protocollo UICollectionViewDelegateFlowLayout , non UICollectionViewDelegate.

extension DashboardViewController: UICollectionViewDelegateFlowLayout {
    fileprivate var sectionInsets: UIEdgeInsets {
        return .zero
    }

    fileprivate var itemsPerRow: CGFloat {
        return 2
    }

    fileprivate var interitemSpace: CGFloat {
        return 5.0
    }

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        sizeForItemAt indexPath: IndexPath) -> CGSize {
        let sectionPadding = sectionInsets.left * (itemsPerRow + 1)
        let interitemPadding = max(0.0, itemsPerRow - 1) * interitemSpace
        let availableWidth = collectionView.bounds.width - sectionPadding - interitemPadding
        let widthPerItem = availableWidth / itemsPerRow

        return CGSize(width: widthPerItem, height: widthPerItem)
    }

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        insetForSectionAt section: Int) -> UIEdgeInsets {
        return sectionInsets
    }

    func collectionView(_ collectionView: UICollectionView,
                        layout collectionViewLayout: UICollectionViewLayout,
                        minimumLineSpacingForSectionAt section: Int) -> CGFloat {
        return 0.0
    }

    func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
        return interitemSpace
    }
}

Codice semplice per la spaziatura

let layout = collectionView.collectionViewLayout as! UICollectionViewFlowLayout
layout.minimumInteritemSpacing = 10 // Some float value

La risposta votata (e anche la versione rapida ) ha un piccolo problema: ci sarà una grande spaziatura sulla destra.

Questo perché il layout del flusso è personalizzato per rendere esatta la spaziatura delle celle, con un comportamento mobile a sinistra .

La mia soluzione è quella di manipolare l'inserzione di sezione, in modo che la sezione sia allinea centro, ma la spaziatura è esattamente come specificato.

Nella schermata seguente, la spaziatura elemento / riga è esattamente 8pt, mentre l'inserzione sinistra e destra della sezione sarà maggiore di 8pt (per renderla allineata al centro):

Codice rapido come tale:

private let minItemSpacing: CGFloat = 8
private let itemWidth: CGFloat      = 100
private let headerHeight: CGFloat   = 32

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()

    // Create our custom flow layout that evenly space out the items, and have them in the center
    let layout = UICollectionViewFlowLayout()
    layout.itemSize = CGSize(width: itemWidth, height: itemWidth)
    layout.minimumInteritemSpacing = minItemSpacing
    layout.minimumLineSpacing = minItemSpacing
    layout.headerReferenceSize = CGSize(width: 0, height: headerHeight)

    // Find n, where n is the number of item that can fit into the collection view
    var n: CGFloat = 1
    let containerWidth = collectionView.bounds.width
    while true {
        let nextN = n + 1
        let totalWidth = (nextN*itemWidth) + (nextN-1)*minItemSpacing
        if totalWidth > containerWidth {
            break
        } else {
            n = nextN
        }
    }

    // Calculate the section inset for left and right. 
    // Setting this section inset will manipulate the items such that they will all be aligned horizontally center.
    let inset = max(minItemSpacing, floor( (containerWidth - (n*itemWidth) - (n-1)*minItemSpacing) / 2 ) )
    layout.sectionInset = UIEdgeInsets(top: minItemSpacing, left: inset, bottom: minItemSpacing, right: inset)

    collectionView.collectionViewLayout = layout
}

Definire il UICollectionViewDelegateFlowLayoutprotocollo nel file di intestazione.

Implementare il seguente metodo di UICollectionViewDelegateFlowLayoutprotocollo come questo:

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
{
    return UIEdgeInsetsMake(5, 5, 5, 5);
}

Fai clic qui per visualizzare la documentazione del UIEdgeInsetMakemetodo Apple .

Approccio allo storyboard

Seleziona CollectionView nello storyboard e vai all'ispettore delle dimensioni e imposta la spaziatura minima per celle e linee su 5

Swift 5 a livello di codice

lazy var collectionView: UICollectionView = {
        let layout = UICollectionViewFlowLayout()
        layout.scrollDirection = .horizontal

        //Provide Width and Height According to your need
        let width = UIScreen.main.bounds.width / 4
        let height = UIScreen.main.bounds.height / 10
        layout.itemSize = CGSize(width: width, height: height)

        //For Adjusting the cells spacing
        layout.minimumInteritemSpacing = 5
        layout.minimumLineSpacing = 5

        return UICollectionView(frame: self.view.frame, collectionViewLayout: layout)
    }()

Se vuoi modificare la spaziatura senza toccare le dimensioni effettive della cella, questa è la soluzione che ha funzionato meglio per me. #xcode 9 # tvOS11 # iOS11 #swift

Quindi in UICollectionViewDelegateFlowLayout , modifica implementa i metodi successivi, il trucco è che devi usarli entrambi e la documentazione non mi puntava davvero a pensare in quella direzione. : D

open func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumInteritemSpacingForSectionAt section: Int) -> CGFloat {
    return cellSpacing
}

public func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, minimumLineSpacingForSectionAt section: Int) -> CGFloat {
    return cellSpacing
}

Sto usando il monotouch, quindi i nomi e il codice saranno leggermente diversi, ma puoi farlo assicurandoti che la larghezza della raccolta sia uguale (x * larghezza della cella) + (x-1) * Spazio minimo con x = importo di celle per riga.

Segui semplicemente i passaggi in base a MinimumInteritemSpacing e alla larghezza della cella

1) Calcoliamo la quantità di articoli per riga in base alla dimensione della cella + inserti correnti + spaziatura minima

float currentTotalWidth = CollectionView.Frame.Width - Layout.SectionInset.Left - Layout.SectionInset.Right (Layout = flowlayout)
int amountOfCellsPerRow = (currentTotalWidth + MinimumSpacing) / (cell width + MinimumSpacing)

2) Ora hai tutte le informazioni per calcolare la larghezza prevista per la vista della raccolta

float totalWidth =(amountOfCellsPerRow * cell width) + (amountOfCellsPerRow-1) * MinimumSpacing

3) Quindi la differenza tra la larghezza attuale e la larghezza prevista è

float difference = currentTotalWidth - totalWidth;

4) Ora regola gli inserti (in questo esempio lo aggiungiamo a destra, quindi la posizione sinistra della vista raccolta rimane la stessa

Layout.SectionInset.Right = Layout.SectionInset.Right + difference;

Ho un orizzontale UICollectionViewe sottoclasse UICollectionViewFlowLayout. La vista raccolta ha celle grandi e ne mostra solo una riga alla volta e la vista raccolta si adatta alla larghezza dello schermo.

Ho provato la risposta di iago849 e ha funzionato, ma poi ho scoperto che non avevo nemmeno bisogno della sua risposta. Per qualche motivo, l'impostazione di minimumInterItemSpacingnon fa nulla. La spaziatura tra i miei articoli / celle può essere interamente controllata da minimumLineSpacing.

Non sono sicuro del perché funzioni in questo modo, ma funziona.

Mi sono imbattuto in un problema simile a OP. Sfortunatamente la risposta accettata non ha funzionato per me poiché il contenuto di collectionViewnon sarebbe stato centrato correttamente. Perciò mi si avvicinò con una soluzione diversa, che richiede solo che tutte le voci del collectionViewsono della stessa larghezza , che sembra essere il caso nella domanda:

#define cellSize 90

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
    float width = collectionView.frame.size.width;
    float spacing = [self collectionView:collectionView layout:collectionViewLayout minimumInteritemSpacingForSectionAtIndex:section];
    int numberOfCells = (width + spacing) / (cellSize + spacing);
    int inset = (width + spacing - numberOfCells * (cellSize + spacing) ) / 2;

    return UIEdgeInsetsMake(0, inset, 0, inset);
}

Tale codice garantirà che il valore restituito ...minimumInteritemSpacing...sarà la spaziatura esatta tra ogni collectionViewCelle inoltre garantirà che le celle tutte insieme saranno centrate nelcollectionView

La soluzione precedente di vojtech-vrbka è corretta ma attiva un avviso:

avviso: UICollectionViewFlowLayout ha una mancata corrispondenza del frame memorizzato nella cache per il percorso dell'indice - valore memorizzato nella cache: ciò si verifica probabilmente perché la sottoclasse del layout del flusso Layout è modificare gli attributi restituiti da UICollectionViewFlowLayout senza copiarli

Il seguente codice dovrebbe risolverlo:

class CustomViewFlowLayout : UICollectionViewFlowLayout {

   let cellSpacing:CGFloat = 4

   override func layoutAttributesForElementsInRect(rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
       let original = super.layoutAttributesForElementsInRect(rect)

       if let original = original {
           let attributes = NSArray.init(array: original, copyItems: true) as! [UICollectionViewLayoutAttributes]

           for (index, attribute) in attributes.enumerate() {
                if index == 0 { continue }
                let prevLayoutAttributes = attributes[index - 1]
                let origin = CGRectGetMaxX(prevLayoutAttributes.frame)
                if(origin + cellSpacing + attribute.frame.size.width < self.collectionViewContentSize().width) {
                    attribute.frame.origin.x = origin + cellSpacing
                }
            }
            return attributes
       }
       return nil
   }
}

Versione Swift 3

Basta creare una sottoclasse UICollectionViewFlowLayout e incollare questo metodo.

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        guard let answer = super.layoutAttributesForElements(in: rect) else { return nil }

        for i in 1..<answer.count {
            let currentAttributes = answer[i]
            let previousAttributes = answer[i - 1]

            let maximumSpacing: CGFloat = 8
            let origin = previousAttributes.frame.maxX

            if (origin + maximumSpacing + currentAttributes.frame.size.width < self.collectionViewContentSize.width && currentAttributes.frame.origin.x > previousAttributes.frame.origin.x) {
                var frame = currentAttributes.frame
                frame.origin.x = origin + maximumSpacing
                currentAttributes.frame = frame
            }
        }

        return answer
}

Ho provato la risposta di iago849 e ha funzionato.

Swift 4

open override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    guard let answer = super.layoutAttributesForElements(in: rect) else {
        return nil
    }
    let count = answer.count
    for i in 1..<count {
        let currentLayoutAttributes = answer[i]
        let prevLayoutAttributes = answer[i-1]
        let origin = prevLayoutAttributes.frame.maxX
        if (origin + CGFloat(spacing) + currentLayoutAttributes.frame.size.width) < self.collectionViewContentSize.width && currentLayoutAttributes.frame.origin.x > prevLayoutAttributes.frame.origin.x {
            var frame = currentLayoutAttributes.frame
            frame.origin.x = origin + CGFloat(spacing)
            currentLayoutAttributes.frame = frame
        }
    }
    return answer
}

Ecco il link per il progetto github. https://github.com/vishalwaka/MultiTags

Le versioni precedenti non funzionavano davvero con le sezioni> 1. Quindi la mia soluzione è stata trovata qui https://codentrick.com/create-a-tag-flow-layout-with-uicollectionview/ . Per i più pigri:

override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
    let attributesForElementsInRect = super.layoutAttributesForElements(in: rect)
    var newAttributesForElementsInRect = [UICollectionViewLayoutAttributes]()
    // use a value to keep track of left margin
    var leftMargin: CGFloat = 0.0;
    for attributes in attributesForElementsInRect! {
        let refAttributes = attributes 
        // assign value if next row
        if (refAttributes.frame.origin.x == self.sectionInset.left) {
            leftMargin = self.sectionInset.left
        } else {
            // set x position of attributes to current margin
            var newLeftAlignedFrame = refAttributes.frame
            newLeftAlignedFrame.origin.x = leftMargin
            refAttributes.frame = newLeftAlignedFrame
        }
        // calculate new value for current margin
        leftMargin += refAttributes.frame.size.width + 10
        newAttributesForElementsInRect.append(refAttributes)
    }

    return newAttributesForElementsInRect
}

Ho un problema con la risposta accettata, quindi l'ho aggiornato, questo funziona per me:

.h

@interface MaxSpacingCollectionViewFlowLayout : UICollectionViewFlowLayout
@property (nonatomic,assign) CGFloat maxCellSpacing;
@end

.m

@implementation MaxSpacingCollectionViewFlowLayout

- (NSArray *) layoutAttributesForElementsInRect:(CGRect)rect {
    NSArray *attributes = [super layoutAttributesForElementsInRect:rect];

    if (attributes.count <= 0) return attributes;

    CGFloat firstCellOriginX = ((UICollectionViewLayoutAttributes *)attributes[0]).frame.origin.x;

    for(int i = 1; i < attributes.count; i++) {
        UICollectionViewLayoutAttributes *currentLayoutAttributes = attributes[i];
        if (currentLayoutAttributes.frame.origin.x == firstCellOriginX) { // The first cell of a new row
            continue;
        }

        UICollectionViewLayoutAttributes *prevLayoutAttributes = attributes[i - 1];
        CGFloat prevOriginMaxX = CGRectGetMaxX(prevLayoutAttributes.frame);
        if ((currentLayoutAttributes.frame.origin.x - prevOriginMaxX) > self.maxCellSpacing) {
            CGRect frame = currentLayoutAttributes.frame;
            frame.origin.x = prevOriginMaxX + self.maxCellSpacing;
            currentLayoutAttributes.frame = frame;
        }
    }
    return attributes;
}

@end

La mia soluzione nella Swift 3spaziatura delle linee cellulari come in Instagram:

lazy var collectionView: UICollectionView = {
    let layout = UICollectionViewFlowLayout()
    let cv = UICollectionView(frame: .zero, collectionViewLayout: layout)
    cv.backgroundColor = UIColor.rgb(red: 227, green: 227, blue: 227)
    cv.showsVerticalScrollIndicator = false
    layout.scrollDirection = .vertical
    layout.minimumLineSpacing = 1
    layout.minimumInteritemSpacing = 1
    return cv
}()

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {

    switch UIDevice.current.modelName {
    case "iPhone 4":
        return CGSize(width: 106, height: 106)
    case "iPhone 5":
        return CGSize(width: 106, height: 106)
    case "iPhone 6,7":
        return CGSize(width: 124, height: 124)
    case "iPhone Plus":
        return CGSize(width: 137, height: 137)
    default:
        return CGSize(width: frame.width / 3, height: frame.width / 3)
    }
}

Come rilevare programmaticamente il dispositivo: https://stackoverflow.com/a/26962452/6013170

Bene, se stai creando una vista di raccolta orizzontale per dare spazio tra le celle, devi impostare la proprietà minimumLineSpacing.

Prova a giocare con questo metodo:

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView
                    layout:(UICollectionViewLayout*)collectionViewLayout
    insetForSectionAtIndex:(NSInteger)section {

    UIEdgeInsets insets = UIEdgeInsetsMake(?, ?, ?, ?);

    return insets;
}