绘制状态改变时的动画 #

现在我们已经学会如何给单个视图添加动画，是时候给状态的值的改变添加动画了。

这一节，我们会给用户点击按钮并切换 showDetail 状态属性时发生的所有更改添加动画。

第 1 步 #

将 showDetail.toggle() 的调用包装到 withAnimation 函数中。

受 showDetail 属性影响的按钮和 HikeDetail 视图现在就都有了动画过渡。

减缓动画，看看 SwiftUI 动画是如何被中断的。

第 2 步 #

给 withAnimation 方法传递一个 4 秒的基础动画。

我们可以传递相同类型的动画给 animation(_:) 修饰符的 withAnimation 函数。

第 3 步 #

尝试在动画期间打开和关闭图表视图。

第 4 步 #

在继续下一节之前，通过删除调用的输入参数，恢复 withAnimation 函数以使用默认动画。