Skip to content
目录

绘制状态改变时的动画

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

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

第 1 步

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

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

减缓动画,看看 SwiftUI 动画是如何可以中断的。

第 2 步

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

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

第 3 步

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

第 4 步

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

绘制状态改变时的动画 has loaded