13、SwiftUI动画实现指南（上）

SwiftUI动画实现指南（上）

1. SwiftUI动画概述

SwiftUI不仅引入了描述UI元素和组件的新方式，还带来了实现动画的新方法。在动画方面，需要更复杂的思维转变。布局概念本质上是声明式的，而动画概念本质上是命令式的。

SwiftUI方式的动画需要定义三个部分：
- 触发器 ：发生的事件，如按钮点击、滑块操作、手势等。
- 数据变更 ： @State 变量的变化，如布尔标志。
- UI变更 ：数据变化后视觉上呈现的变化，如垂直或水平偏移，或组件大小在标志为 false 和 true 时具有不同的值。

2. 创建基本动画

我们通过一个简单的应用程序来介绍SwiftUI中的动画，该应用程序可在屏幕上移动组件。SwiftUI提供了一些预定义的时间曲线，如 .easeInOut 、 .linear 、 .spring 等，我们将它们与默认动画进行比较。

2.1 准备工作

实现一个名为 BasicAnimations 的SwiftUI应用程序。

2.2 操作步骤

1. 添加一个动画类型，以便列出所有可能的动画并选择其中一个：