类似于flipboard的动画

Question

​

数字的变化应该像机场计时器一样。谁能给我指点一下从哪里开始。

我对动画很感兴趣，喜欢flipboard(？)

提前谢谢。

Answer 1

您将需要所有数字的上半部分和下半部分的单独图像。然后，要创建动画翻转，您将需要一个Scale Animations，它在底部使用pivotY将视图的高度从100%缩放到0%。

然后，对于每个显示的数字，您将需要如下所示的4个视图：

​

​

前面的两个视图当前可见，并显示“0”的2个部分。另外两个视图(我给它们不同的颜色以确保它是2个视图)位于后面，并且已经保持下一个数字(注意，它们还必须使visibility=“可见”，它们只需要在z级别中位于后面。

现在，要切换，请将动画应用于上前视图(按住‘0’的上半部分)。动画使其收缩，模拟翻转，同时，'1‘的上部变得可见。当动画完成后，将相同的动画应用于下前视图，这将隐藏"0“的下半部分，并使"1”的下半部分可见。

当第二个动画完成时，将持有"0“部分的视图移动到持有"1”的现在可见的视图后面，通过更改其z级别，加载下一个数字的图像(在本例中为"2")，并再次将高度重置为原始高度。