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