ios - Collection View 中类似表格 View 的动画？

Question

我正在使用 UICollectionView，但使用它有点像 TableView。我想通过让单元格向左移动并让新单元从右侧动画进入来将单元格动画化。使用 UITableView，我可以在插入/删除单元格时仅使用 UITableViewRowAnimation.Right 动画。如何使用 UICollectionView 执行类似的操作？

Answer 1

不幸的是，UICollectionView 中没有此类动画的 native 实现。您可以通过创建 UICollectionViewLayout (或 UICollectionViewFlowLayout)子类并重写这两个方法来实现它们:

// This set of methods is called when the collection view undergoes an animated transition such as a batch update block or an animated bounds change.
// For each element on screen before the invalidation, finalLayoutAttributesForDisappearingXXX will be called and an animation setup from what is on screen to those final attributes.
// For each element on screen after the invalidation, initialLayoutAttributesForAppearingXXX will be called an an animation setup from those initial attributes to what ends up on screen.

func initialLayoutAttributesForAppearingItemAtIndexPath(itemIndexPath: NSIndexPath) -> UICollectionViewLayoutAttributes?

func finalLayoutAttributesForDisappearingItemAtIndexPath(itemIndexPath: NSIndexPath) -> UICollectionViewLayoutAttributes?

即initialLayoutAttributesForAppearingItemAtIndexPath 必须为要添加的元素返回 UICollectionViewLayoutAttributes 以及位置(attributes.center 或 .frame.origin)，它将被动画化到表格中的位置。

请注意，UICollectionViewLayoutAttributes 还具有 alpha、transform 以及其他几个可用于调整动画的参数。