自定义视图转换 #

默认情况下，视图通过淡入和淡出动画来显示。但我们可以使用 transition(_:) 修饰符来自定义转场。

第 1 步 #

给满足条件时显示的 HikeView 添加一个 transition(_:) 修饰符。

现在图标会滑动显示和消失。

第 2 步 #

将转场提取为 AnyTransition 的静态属性。

这样能提高代码的可读性和复用性。

第 3 步 #

换成使用 move(edge:) 转场，这样图表会从同一边滑入和滑出。

第 4 步 #

使用 asymmetric(insertion:removal:) 修饰符来给视图显示和消失时提供不同的转场。