Skip to content

为复杂的效果编排动画

单击条形下方的按钮时,图形会在三组不同的数据之间切换。在本节中,我们将使用组合动画为构成图形的胶囊提供动态、波动的转场。

第 1 步

HikeView.swift 文件中,将 showDetail 的默认值改为 true,并将预览固定在画布上。

这样,当在另一个文件中制作动画时,就可以看到上下文中的图形。

第 2 步

HikeGraph.swift 文件中,定义一个新的波纹动画,并将其应用于每个生成的胶囊图形上。

第 3 步

将动画改为弹性动画,使用初始速度让条形图跳跃。

你可以通过在实时预览中切换海拔高度、心率和步伐来看到动画的效果。

第 4 步

加快动画速度,缩短每个小节移动到新位置所需的时间。

第 5 步

根据胶囊在图表上的位置为每个动画添加延迟。

第 6 步

观察自定义动画在图表之间转场时是如何营造波动效果的。

在进入下一个教程之前,记得取消预览。

为复杂的效果编排动画 has loaded