Alterar o tamanho UICollectionViewCell em diferentes orientações do dispositivo

Estou usando um UICollectionViewcom UICollectionViewFlowLayout.

Eu defino o tamanho de cada célula através do

collectionView:layout:sizeForItemAtIndexPath:

Ao mudar de retrato para paisagem, gostaria de ajustar o tamanho de cada célula para caber completamente no tamanho de CollectionView, sem deixar espaço de preenchimento entre as células.

Questões:

1) Como alterar o tamanho de uma célula após um evento de rotação?

2) E, melhor ainda, como fazer o layout onde as células sempre cabem no tamanho total da tela?

1) Você pode manter e trocar vários objetos de layout, mas há uma maneira mais simples. Basta adicionar o seguinte à sua UICollectionViewControllersubclasse e ajustar os tamanhos conforme necessário:

- (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];
}

A chamada -performBatchUpdates:completion:invalidará o layout e redimensionará as células com animação (você pode apenas passar nil para ambos os parâmetros de bloco se não houver ajustes extras para realizar).

2) Em vez de codificar os tamanhos dos itens -collectionView:layout:sizeForItemAtIndexPath, apenas divida a altura ou largura dos limites do collectionView pelo número de células que você deseja ajustar na tela. Use a altura se sua collectionView rolar horizontalmente ou a largura se rolar verticalmente.

Se você não quiser animações adicionais performBatchUpdates:completion:, basta usar invalidateLayoutpara forçar o recarregamento de collectionViewLayout.

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

Resolvi usando dois UICollectionViewFlowLayout. Um para retrato e outro para paisagem. Eu os atribuo à minha coleção, ver dinamicamente em -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];
}

Então, simplesmente modifiquei meus métodos collectionViewFlowLayoutDelgate como este

- (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;
}

Da última vez, mudo de um layout para outro na rotação

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

Há uma maneira simples de definir o tamanho da célula de visualização da coleção:

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

Não tenho certeza se é animável.

Swift: célula de visualização de coleção que tem n% da altura da tela

Eu precisava era de uma célula que tivesse uma certa porcentagem da altura das visualizações e fosse redimensionada com a rotação do dispositivo.

Com a ajuda de cima, aqui está a solução

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 você estiver usando autolayout.Você só precisa invalidate layoutem seu controlador de visualização ao girar e ajustar offsetem sua subclasse de layout de fluxo.

Então, em seu controlador de visão -

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

E no seu 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);
    }   
    }     
}