> 文章列表 > 如何为 Apple 官方 SwiftUI 示例中的图表元素加上首显动画?

如何为 Apple 官方 SwiftUI 示例中的图表元素加上首显动画?

如何为 Apple 官方 SwiftUI 示例中的图表元素加上首显动画?

在这里插入图片描述

0. 概览

在 Apple 官方教程示例 Animating Views and Transitions 中,苹果为我们展示了如何为 SwiftUI 中的各种视图添加动画和过渡效果。

在示例的最后,我们在完成 3 种不同数据类型(Elevation, Heart Rate, Pace)切换的同时,顺面收获了美美的图表元素动画效果:

在这里插入图片描述

不过,通过观察上图可以发现:在图表子视图展开时并没有动画出现,只有用户随后手动选择切换图表数据类型时才会有动画效果。

能不能让图表在首次展开时就立即产生动画呢?

答案是肯定的! 在本篇博文中我们将会讨论完成这一功能的两种方式,并讲解另一种错误思路为什么不能产生图表元素动画的原因。

Let’s find out!!! ?


1. 官方示例源代码探究

首先,来了解一下故事的来龙去脉。