方形现金标签动画

Question

有谁知道Square Cash如何为其标签设置动画？

标签做了两件事，似乎调整大小以适应屏幕上的数字，如SizeToFit可能，但我不相信你可以根据SizeToFit进行动画制作。

其次，消失的数字似乎向下移动并消失。从上方输入的动画数字。这看起来并不太棘手，但当我们从4位变为5位时，逗号也会这样做！

Answer 1

我编写了类似的东西，是的，让它变得完美是非常棘手的。

它可能会帮助您知道我使用了集合视图。然后，您可以自定义单元格/布局过渡。

希望这有帮助。

Answer 2

如果您发布了一段简短的视频，那么我们就可以看到您正在谈论的动画。

根据您的描述，我猜测他们通过在图层（或视图）上放置一个数字/符号然后分别为每个字符设置动画来自行构建完整数字。

如果每个符号都有一个单独的图块，则可以很容易地更改先前图块的大小，以便为新图块腾出空间，同时为新数字图块添加动画效果。您可以使用UIView动画或一组协调的CABasicAnimations来制作动画。

Answer 3

我知道答案很晚但可能对其他人有帮助，

我开发了类似于方形现金的演示屏幕，您可以查看here