Posizionando un margine intorno ogni bordo del UICollectionView

Question

Quando l'UICollectionView è popolato con oggetti che vanno sempre fino ai bordi del UICollectionView modo:

--------------- 
|X X X X X X X| 
|X X X X X X X| 
|X X X X X X X| 
|X X X X X X X| 
|X X X X X X X| 
|X X X X X X X| 
--------------- 

Vorrei inserire un margine intorno ogni lato come così:

--------------- 
| X X X X X X | 
| X X X X X X | 
| X X X X X X | 
| X X X X X X | 
| X X X X X X | 
| X X X X X X | 
--------------- 

ho cercato di realizzare questo mettendo l'UICollectionView all'interno del suo UIView ospitare impostando il suo frame per simulare un bordo ma scorre all'interno del telaio in modo viene tagliata nella parte superiore e inferiore e lo scroller appare anche nei limiti della cornice.

Ho esaminato l'API ma non riesco a vedere nulla di ovvio per raggiungere questo obiettivo. Qualche idea?

Answer 1

In

(UICollectionViewCell *)collectionView:(UICollectionView *)cv cellForItemAtIndexPath:(NSIndexPath *)indexPath { 
} 

potete dare le vostre cellule certo margine sul lato sinistro.

Oppure è possibile creare celle personalizzate, che hanno un margine.

oppure è possibile impostare la proprietà .sectionInset del CollectionviewFlowLayout, che dovrebbe essere il modo più semplice (se si utilizza FlowLayout)

Answer 2

Puoi praticamente controllare ogni aspetto della griglia con il protocollo di collectionview. Ecco un esempio:

- (UICollectionViewFlowLayout *)collectionViewFlowLayout 
{ 
    UICollectionViewFlowLayout *flowLayout = [UICollectionViewFlowLayout new]; 
    flowLayout.itemSize = CGSizeMake(180, 255); 
    flowLayout.sectionInset = UIEdgeInsetsMake(10, 30, 0, 30); 
    flowLayout.minimumInteritemSpacing = 0.0f; 
    flowLayout.minimumLineSpacing = 0.0f; 
    flowLayout.scrollDirection = UICollectionViewScrollDirectionVertical; 
    return flowLayout; 
} 

Quello che si vorrebbe cambiare nel tuo caso è la sectionInsets

Answer 3

È possibile utilizzare la seguente funzione.

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

Dovrai giocare con il numero per capire come forzare il collectionviewCells in una singola riga.

UIEdgeInsetsMake (CGFloat top,CGFloat left,CGFloat bottom,CGFloat right); 

Per Swift 3

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

Answer 4

So che questa è una vecchia questione, ma non dimenticate che UICollectionView eredita da UIScrollView.

UICollectionView *collectionView = [[UICollectionView alloc] init]; 
collectionView.contentInset = UIEdgeInsetsMake(x.x, x.x, x.x, x.x); 

// Swift 3 for good measure 
let collectionView = UICollectionView() 
collectionView.contentInset = UIEdgeInsets(top: x.x, left: x.x, bottom: x.x, right: x.x) 

essere consapevoli del fatto che sia contentInset e sectionInset possono modificare la spaziatura delle celle nella vista. Per maggiori informazioni su questo, vedi il post this.

Answer 5

Swift 2.0

self.automaticallyAdjustsScrollViewInsets = false 
self.collectionView.contentInset = UIEdgeInsets(top: 10, left: 0, bottom: 0, right: 0) 

Answer 6

Su Xcode 8, se si sta utilizzando il costruttore di interfaccia è possibile impostare il diritto Sezione Insets sul Ispettore Dimensione:

Answer 7

Swift 3 versione (Vinayak Kini risposta):

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

    return UIEdgeInsetsMake(10, 10, 10, 10) //top, left, bottom, right 
}