Come espandere UICollectionView contentSize quando abilita la paginazione?

Question

Sto creando un semplice UICollectionView con un meccanismo di paging abilitato e tutto funziona correttamente. Tuttavia, quando scorri fino all'ultima pagina il numero delle celle non è completamente visibile sullo schermo e l'ultima pagina contiene alcune celle della pagina precedente.

Come si espande lo contentSize dello UICollectionView in modo che l'ultima pagina non contenga celle della pagina precedente?

Un esempio here: i UICollectionView scorre orizzontalmente con 6 celle, in questo modo:

Pagina 1: cell0 - cell1 - cell2 - cell3

di scorrimento: cell2-CELL3-cell4-cell5 // Non si prevede: come cambiare a: cell4 - cella 5 in pagina2.

SOMMARIO:

voglio impostare

collectionView.contentSize = numberOfPage * collectionView.frame

NON

collectionView.contentSize = numberOfCell * (cellFrame + spacing)

Answer 1

È necessario sottoclasse UICollectionViewLayout e sovrascrivere il metodo collectionViewContentSize. Ho creato una sottoclasse di UICollectionViewFlowLayout in modo da non dover riscrivere tutto il codice di layout.

Sto costruendo una griglia di 4x4, quindi il mio metodo è simile al seguente:

- (CGSize)collectionViewContentSize 
{  
    NSInteger itemCount = [self.collectionView numberOfItemsInSection:0]; 
    NSInteger pages = ceil(itemCount/16.0); 

    return CGSizeMake(320 * pages, self.collectionView.frame.size.height); 
} 

Nota a margine, quando si utilizza un layout personalizzato, si perde la possibilità di impostare l'alcune delle proprietà di visualizzazione del Interface Builder. È possibile impostarli in modo programmatico nel metodo init della sottoclasse UICollectionViewLayout personalizzata. Ecco il mio per riferimento:

- (id)init 
{ 
    self = [super init]; 
    if (self) { 
     [self setup]; 
    } 

    return self; 
} 

- (id)initWithCoder:(NSCoder *)aDecoder 
{ 
    self = [super init]; 
    if (self) { 
     [self setup]; 
    } 

    return self; 
} 

- (void)setup 
{ 
    self.itemSize = CGSizeMake(65.0f, 65.0f); 
    self.minimumLineSpacing = 15; 
    self.sectionInset = UIEdgeInsetsMake(7.5f, 7.5f, 30.0f, 7.5f); 
    [self setScrollDirection:UICollectionViewScrollDirectionHorizontal]; 
} 

Answer 2

È possibile regolare il contenuto con il viewDidLayoutSubviews: m etodo. Questo metodo viene chiamato quando la vista di raccolta e tutte le celle vengono posizionate nello view, in modo da poter regolare la cella.

Answer 3

Penso che sia necessario creare sottoclasse UICollectionViewLayout e creare il layout personalizzato per gestire questo tipo di problemi.

Answer 4

Per paginazione orizzontale

if(CollectionView.pagingEnabled) 
{ 

    int numberOfPages = floor(collectionView.contentSize.width/
         collectionView.frame.size.width) + 1; 
          CGFloat 
    float requierdWidth=self.collectionView.frame.size.width*numberOfPages; 

    self.Layout.footerReferenceSize=CGSizeMake(requierdWidth-self.collectionView.contentSize.width,0); 
} 

Answer 5

La risposta funziona bene, anche se per il nostro codice abbiamo avuto una sezione per pagina. Quindi significava che l'override per la nostra classe di layout era solo

-(CGSize) collectionViewContentSize { 
    return CGSizeMake(CGRectGetWidth(self.collectionView.frame) * 
       [self.collectionView numberOfSections], 
       CGRectGetHeight(self.collectionView.frame)) ; 
} 

Answer 6

Ho una risposta che non richiede alcuna sottoclasse.

In -viewDidLoad, calcola il numero di elementi per pagina che avrete e il numero di pagine che avrete. Memorizza questi valori nelle proprietà.

self.numberOfItemsPerPage = NumberOfRows * NumberOfColumns; 
    self.numberOfPages = ceilf((CGFloat)self.items.count/(CGFloat)self.numberOfItemsPerPage); 

Poi nel -collectionView: numberOfItemsInSection: semplicemente si trovano ad esso:

return self.numberOfItemsPerPage * self.numberOfPages; 

Naturalmente voi hanno più cellule di contenuti, giusto? Quindi, in -collectionView: cellForItemAtIndexPath: basta restituire nil per le cellule extra:

if (indexPath.item > [self.items count] - 1) { 
    //We have no more items, so return nil. This is to trick it to display actual full pages. 
    return nil; 
    } 

ci si va: pieno, scorrevole pagina finale. A mio parere, la modalità di scorrimento orizzontale dovrebbe essere impostata solo su questo.