Come si anima la vista interna di una cella della vista di raccolta mentre si cambiano le dimensioni?

Question

Ho una vista di raccolta, e vado per l'effetto in cui quando viene toccata una cella, cresce fino a occupare l'intero schermo. Per riuscirci, in pratica sto chiamando lo performBatchUpdates all'interno di didSelectItemAtIndexPath e lo sizeForItemAtIndexPath sa di restituire una dimensione maggiore per una cella selezionata. Tutto funziona abbastanza bene, la cellula cresce e si restringe a piacere.

Il problema è all'interno della cella. La cella della vista dell'insieme è costituita da una gerarchia di vista moderatamente complessa gestita da vincoli. Voglio che le viste secondarie della cella crescano e si riducano con la cella di animazione. Sfortunatamente, le mie sottoview si avvicinano immediatamente alla loro nuova posizione man mano che la cella si anima lentamente alla sua nuova dimensione. Come posso garantire che il contenuto della cella si anima con le dimensioni della cella?

Qui ci sono i due metodi rilevanti dal controller della vista collezione:

- (CGSize) collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath { 
if ([collectionView.indexPathsForSelectedItems containsObject:indexPath]) 
    return CGSizeMake(collectionView.bounds.size.width - 20, collectionView.bounds.size.height - (20 + [self.topLayoutGuide length])); 
else 
    return CGSizeMake(260, 100); 
} 

- (void) collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath { 
    [collectionView performBatchUpdates:nil completion:nil]; 
} 

Answer 1

ho avuto esattamente lo stesso problema. Dopo molti tentativi, il codice seguente ha fatto il trucco per me. Chiamando layoutIfNeed direttamente dopo l'aggiornamento del batch con una durata di 3.0 (+ - la durata del batchupdate) i vincoli sono stati animati.

[self performBatchUpdates:nil completion:nil]; 

// IndexPath of cell to be expanded 
UICollectionViewCell *cell = [self cellForItemAtIndexPath:indexPath]; 
[UIView animateWithDuration:0.3 animations:^{ 
    [cell.contentView layoutIfNeeded]; 
}]; 

Answer 2

Vorrei ampliare la risposta di Antoine. Chiamando performBatchUpdates:completion: all'interno del blocco dell'animazione si imposta effettivamente la durata del ridimensionamento della cella e si adatta il ridimensionamento del contenuto ad esso.

[UIView animateWithDuration:0.3 animations:^{ 
    [self performBatchUpdates:^{ 
     // set flags needed for new cell size calculation 
    } completion:nil]; 
    [collectionView layoutIfNeeded]; 
}]; 

In questo modo è anche possibile giocare con i tempi di animazione o persino utilizzare le animazioni a molla.

Answer 3

Ho lo stesso problema. Aggiungi questi alla sottoclasse di CollectionViewCell. Per me funziona.

// ProblematicCollectionViewCell.swift 

override func apply(_ layoutAttributes: UICollectionViewLayoutAttributes) { 
    super.apply(layoutAttributes) 
    layoutIfNeeded() 
} 

Ecco il link origanl: https://codedump.io/share/LXZwAOOMxafU/1/uicollectionviewcell---contents-do-not-animate-alongside-cell39s-contentview la risposta è nei commenti.