SwiftUI动画之基于transition和animation实现延时进出动画(超酷动画教程含源码)

一、实战需求

需要实现通过按钮控制视图显示与隐藏，并且要有延迟效果，SwiftUI该如何实现？

二、本文价值与收获

看完本文后，您将能够作出下面的界面

三、基础知识

1、animation(_😃 修饰器给视图赋予动画效果

给视图增加动画效果

func animation(_ animation: Animation?) -> some View

参数：

• animation
  view里面应用的动画类型

返回值：
封装该视图并将动画应用于该视图中

特性：
建议最好在叶子视图使用animation而不是容器视图上使用此修饰符。因为，动画适用于此视图中的所有子视图，在容器视图上调用animation（_ :)可能会导致无限范围。

2、Animation 动画类型

Animation用于管理动画的类型

@frozen public struct Animation : Equatable

• s