使用 SwiftUI 创建动画背景(教程含源码)

动画在增强移动应用程序的用户体验方面发挥着至关重要的作用。让我们探索一下如何使用 SwiftUI（Apple 用于构建用户界面的声明性框架）创建动画背景。

具体来说，我们将构建一个漂亮的渐变背景，它可以在循环动画中的两种颜色之间平滑过渡。让我们深入了解吧！

我们首先导入必要的 SwiftUI 模块。

import SwiftUI

接下来，我们定义ContentView结构体，它将作为 SwiftUI 应用程序的根视图。我们创建一个名为控制动画的@State属性。startAnimation

struct ContentView: View {
 @State private var startAnimation: Bool = false

在属性内部body，我们使用 aZStack将组件分层。背景是使用在和颜色LinearGradient之间过渡的颜色创建的。梯度的 和根据状态的值而变化。.purple.bluestartPointendPointstartAnimation

   var body: some View {
        ZStack {
            LinearGradient(
                colors: [
                    .purple,
                    .blue],
                startPoint: startAnimation ? .topLeading : .bottomLeading,
                endPoint: startAnimation ? .bottomTrai