Wie animiere ich die Innenansichten einer Sammlungsansichtszelle, während ich ihre Größe ändere?

Question

Ich habe eine Sammelansicht, und ich gehe für den Effekt, wo, wenn eine Zelle angeklickt wird, wächst es, um den gesamten Bildschirm zu übernehmen. Um dies zu erreichen, rufe ich im Wesentlichen nur performBatchUpdates innerhalb didSelectItemAtIndexPath, und die sizeForItemAtIndexPath weiß, eine größere Größe für eine ausgewählte Zelle zurückzugeben. Das alles funktioniert ganz gut, die Zelle wächst und schrumpft wie gewünscht.

Das Problem liegt innerhalb der Zelle. Die Sammlungsansichtszelle besteht aus einer moderat komplexen Ansichtshierarchie, die durch Einschränkungen verwaltet wird. Ich möchte, dass die Unteransichten der Zelle mit der animierenden Zelle wachsen und schrumpfen. Leider fangen meine Unteransichten sofort an ihrer neuen Position an, während die Zelle langsam zu ihrer neuen Größe animiert. Wie kann ich sicherstellen, dass der Inhalt der Zelle mit der Zellengröße animiert wird?

Hier sind die beiden relevanten Methoden aus der Sammlung View-Controller:

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

ich das gleiche Problem genau hatte. Nach vielen Versuchen hat der folgende Code den Trick für mich gemacht. Der Aufruf von layoutIfNeed direkt nach der Stapelaktualisierung mit einer Dauer von 3.0 (+ - die Batchupdate-Dauer) animierte die Einschränkungen.

[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

Ich möchte Antoine's Antwort erweitern. Durch Aufruf von performBatchUpdates:completion: innerhalb des Animationsblocks wird die Dauer der Zellgrößenänderung festgelegt und die Anpassung der Inhaltsgröße an sie angepasst.

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

Auf diese Weise können Sie auch mit der Animation Timing oder sogar Federanimationen spielen.

Answer 3

Ich habe das gleiche Problem. Fügen Sie diese zu Ihrer Unterklasse von CollectionViewCell hinzu. Für mich geht das. Hier

// ProblematicCollectionViewCell.swift 

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

ist die origanl Link: https://codedump.io/share/LXZwAOOMxafU/1/uicollectionviewcell---contents-do-not-animate-alongside-cell39s-contentview die Antwort in den Kommentaren ist.