Modificare le dimensioni di UICollectionViewCell su diversi orientamenti del dispositivo

Sto usando un UICollectionViewcon UICollectionViewFlowLayout.

Ho impostato la dimensione di ogni cella tramite

collectionView:layout:sizeForItemAtIndexPath:

Quando si passa da verticale a orizzontale, vorrei regolare la dimensione di ogni cella per adattarla completamente alle dimensioni di CollectionView, senza lasciare spazio di riempimento tra le celle.

Domande:

1) Come modificare la dimensione di una cella dopo un evento di rotazione?

2) E, ancora meglio, come realizzare il layout in cui le celle si adattano sempre all'intera dimensione dello schermo?

1) È possibile mantenere e sostituire più oggetti del layout, ma esiste un modo più semplice. Basta aggiungere quanto segue alla tua UICollectionViewControllersottoclasse e regolare le dimensioni come richiesto:

- (CGSize)collectionView:(UICollectionView *)collectionView
                  layout:(UICollectionViewLayout *)collectionViewLayout
  sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{    
    // Adjust cell size for orientation
    if (UIDeviceOrientationIsLandscape([[UIApplication sharedApplication] statusBarOrientation])) {
        return CGSizeMake(170.f, 170.f);
    }
    return CGSizeMake(192.f, 192.f);
}

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    [self.collectionView performBatchUpdates:nil completion:nil];
}

La chiamata -performBatchUpdates:completion:invaliderà il layout e ridimensionerà le celle con l'animazione (puoi semplicemente passare zero a entrambi i parametri del blocco se non hai ulteriori regolazioni da eseguire).

2) Invece di codificare le dimensioni dell'elemento -collectionView:layout:sizeForItemAtIndexPath, dividi semplicemente l'altezza o la larghezza dei limiti della collectionView per il numero di celle che desideri adattare sullo schermo. Usa l'altezza se la tua collectionView scorre orizzontalmente o la larghezza se scorre verticalmente.

Se non vuoi aggiungere animazioni aggiuntive performBatchUpdates:completion:, usa semplicemente invalidateLayoutper forzare il ricaricamento di collectionViewLayout.

- (void)viewWillLayoutSubviews
{
    [super viewWillLayoutSubviews];
    [self.collectionView.collectionViewLayout invalidateLayout];
}

Ho risolto utilizzando due UICollectionViewFlowLayout. Uno per il ritratto e uno per il paesaggio. Li assegno dinamicamente alla mia collectionView in -viewDidLoad

self.portraitLayout = [[UICollectionViewFlowLayout alloc] init];
self.landscapeLayout = [[UICollectionViewFlowLayout alloc] init];

UIInterfaceOrientation orientationOnLunch = [[UIApplication sharedApplication] statusBarOrientation];

if (UIInterfaceOrientationIsPortrait(orientationOnLunch)) {
    [self.menuCollectionView setCollectionViewLayout:self.portraitLayout];
} else {
    [self.menuCollectionView setCollectionViewLayout:self.landscapeLayout];
}

Quindi ho semplicemente modificato i miei metodi collectionViewFlowLayoutDelgate come questo

- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{
    CGSize returnSize = CGSizeZero;

    if (collectionViewLayout == self.portraitLayout) {
        returnSize = CGSizeMake(230.0, 120.0);
    } else {
        returnSize = CGSizeMake(315.0, 120.0);
    }

    return returnSize;
}

Per ultimo passo da un layout all'altro a rotazione

- (void)didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation{
    if (UIInterfaceOrientationIsPortrait(fromInterfaceOrientation)) {
        [self.menuCollectionView setCollectionViewLayout:self.landscapeLayout animated:YES];
    } else {
        [self.menuCollectionView setCollectionViewLayout:self.portraitLayout animated:YES];
    }
}

C'è un modo semplice per impostare la dimensione della cella della vista della raccolta:

UICollectionViewFlowLayout *layout = (id) self.collectionView.collectionViewLayout;
layout.itemSize = CGSizeMake(cellSize, cellSize);

Non sono sicuro che sia animabile però.

Swift: Collection View Cell che è n% dell'altezza dello schermo

Avevo bisogno di una cella che fosse una certa percentuale dell'altezza delle visualizzazioni e che si ridimensionasse con la rotazione del dispositivo.

Con l'aiuto dall'alto, ecco la soluzione

override func viewDidLoad() {
    super.viewDidLoad()
    automaticallyAdjustsScrollViewInsets = false
    // if inside nav controller set to true
}

override func willRotateToInterfaceOrientation(toInterfaceOrientation: UIInterfaceOrientation, duration: NSTimeInterval) {
    collectionViewLayout.invalidateLayout()
}

func collectionView(collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAtIndexPath indexPath: NSIndexPath) -> CGSize {
    return CGSize(width: 100, height: collectionView.frame.height * 0.9)
}

Se stai usando autolayout. Devi solo farlo invalidate layoutnel controller della vista durante la rotazione e regolare offsetnella sottoclasse del layout di flusso.

Quindi, nel tuo controller di visualizzazione -

override func willRotateToInterfaceOrientation(toInterfaceOrientation:     UIInterfaceOrientation, duration: NSTimeInterval) {
    self.galleryCollectionView.collectionViewLayout.invalidateLayout()
}

E nel tuo FlowLayout Subclass

override func prepareLayout() {
    if self.collectionView!.indexPathsForVisibleItems().count > 0{
    var currentIndex : CGFloat!
    currentIndex = CGFloat((self.collectionView!.indexPathsForVisibleItems()[0] as! NSIndexPath).row)
    if let currentVal = currentIndex{
        self.collectionView!.contentOffset = CGPointMake(currentIndex * self.collectionView!.frame.width, self.collectionView!.contentOffset.y);
    }   
    }     
}