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

第 1 步
在 HikeView.swift
文件中,将 showDetail
的默认值改为 true
,并将预览固定在画布上。
这样,当在另一个文件中制作动画时,就可以看到上下文中的图形。

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

第 3 步
将动画改为弹性动画,使用初始速度让条形图跳跃。
你可以通过在实时预览中切换海拔高度、心率和步伐来看到动画的效果。
第 4 步
加快动画速度,缩短每个小节移动到新位置所需的时间。
第 5 步
根据胶囊在图表上的位置为每个动画添加延迟。
第 6 步
观察自定义动画在图表之间转场时是如何营造波动效果的。
在进入下一个教程之前,记得取消预览。
