SwiftUI（三）- 渐变、实心形状和视图背景

引言

在现代的应用的UI设计中，渐变和形状背景为界面带来了丰富的层次与视觉效果，而SwiftUI提供了一系列简单且强大的API，可以轻松实现这些效果。在这篇文章中，我们将介绍SwiftUI中的渐变、实心形状和视图背景的基础用法，帮助你在项目中创建更具有吸引力的界面设计。无论是为按钮添加渐变，还是使用自定义形状构构建独特的背景，这些技巧的应用都能提升应用的视觉体验。接下来我们就开始一起探索这些SwiftUI的基本组件吧。

渲染渐变

在UIKit中并没有提供渐变的组件，我们通过使用渐变图层CAGradientLayer来构建渐变效果，这需要很多代码，而SwiftUI中就相对容易很多，它为我们提供了多种渐变选项。例如我们可以使用红色到绿色的线性渐变来渲染文本视图，如下所示：

        Text("Hello world!")
            .padding()
            .foregroundStyle(.white)
            .background(LinearGradient(gradient: Gradient(co