コレクションビューのセルの内側のビューをアニメーション化してサイズを変更するにはどうすればよいですか？

Question

私はコレクションビューを持っています。セルをタップすると画面全体を占めるようになります。これを達成するために、私は本質的にはdidSelectItemAtIndexPathの中にperformBatchUpdatesを呼び出し、sizeForItemAtIndexPathは選択されたセルのより大きなサイズを返すことを知っています。これはすべて正常に機能し、細胞は必要に応じて増殖し、収縮します。

問題はセルの内部です。コレクションビューセルは、制約によって管理される適度に複雑なビュー階層で構成されます。アニメーション化されたセルで、セルのサブビューを拡大して縮小したい。残念ながら、私のサブビューは、新しいサイズにゆっくりとアニメーション化されるので、新しい位置にすぐにスナップしています。どのようにしてセルの内容がセルサイズでアニメーション化されるようにすることができますか？私は正確に同じ問題を抱えていた

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

：ここ

はコレクションビューコントローラから2つの関連メソッドです。多くの試行の後、次のコードは私のためのトリックでした。 3.0のバッチ更新の直後にlayoutIfNeedを呼び出すと（バッチ更新期間）、制約がアニメートされます。

[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

私はアントワーヌの答えを広げたいと思います。アニメーションブロック内にperformBatchUpdates:completion:を呼び出すと、実際にはセルのサイズ変更の継続時間が設定され、コンテンツのサイズ変更に合わせられます。

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

この方法でも、アニメーションのタイミングで再生したり、春のアニメーションを使用することもできます。

Answer 3

私は同じ問題があります。これらをCollectionViewCellのサブクラスに追加します。わたしにはできる。

// ProblematicCollectionViewCell.swift 

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

ここはoriganlのリンクです：https://codedump.io/share/LXZwAOOMxafU/1/uicollectionviewcell---contents-do-not-animate-alongside-cell39s-contentview答えはコメントです。