Facebook的电子纸表格单元格动画 [英] Facebook Paper-like table cells animation

问题描述

我想实现Facebook的应用程序文件在设置菜单中使用的过渡：的 http://blog.brianlovin.com/design-details-paper-by-facebook/#1 。我用我的自定义UIViewControllerAnimatedTransitioning对象，但我不能达到同样的效果，不管我用什么类型的动画。所以，我有一些问题：

I'm trying to implement transition used in settings menu in Facebook's Paper app: http://blog.brianlovin.com/design-details-paper-by-facebook/#1. I'm using my custom UIViewControllerAnimatedTransitioning object, but I can't achieve the same effect, no matter what type of animation I'm using. So I have some questions:

1）哪些动画使用？它看起来像细胞开始移动非常快，然后再停止他们的最终位置。看起来我需要POPDecayAnimation，但结果还差得远。

1) Which animation is used? It looks like cells start to move really fast, and then halt to their final position. Looks like I need POPDecayAnimation, but the result isn't even close.

2）用设定动画的BEGINTIME取决于细胞的指数实现动画之间的延迟？还是先细胞具有比去年更大的细胞速度？

2) Is delay between animations achieved with setting animation's beginTime depending on cell's index? Or first cells have bigger velocity than last cells?

推荐答案

由于Injectios建议 AMWaveTransition 是有点儿接近纸张的动画。最后我用它进行一些调整。

As Injectios suggested AMWaveTransition is kinda close to Paper's animation. I ended up using it with some adjustments.

我也问了流行的GitHub页面上这个问题，你可以查看这里。如果你想实现这个动画自己的答案可能是有用的：

I also asked this question on pop github page, you can view it here. Their answer might be useful if you want to implement this animation yourself:

嘿！我实现了在纸。在每个小区中的动画是POPSpringAnimations，并且它们是由（每帧）连接到一起更新每个动画的toValue指向前一个的当前值。希望帮助！

Hey! I implemented that in Paper. The animations on each cell are POPSpringAnimations, and they're connected together by (every frame) updating the toValue of each animation to point to the current value of the one before. Hope that helps!

这篇关于Facebook的电子纸表格单元格动画的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！