Gradiente

Gradiente 是一个简单的 iOS 库,用于在你的视图后面应用模糊、彩色且充满活力的背景。它使用 SwiftUI 编写,可以轻松应用于任何视图。

特性

要求

安装

要将此 Swift 包安装到您的项目中,请按照以下步骤操作

  1. 打开您的 Xcode 项目。
  2. 转到 "File" > "Swift Packages" > "Add Package Dependency"。
  3. 在“Choose Package Repository”对话框中,输入 https://github.com/letvarhq/Gradiente
  4. 点击“Next”并选择您想要使用的版本。
  5. 选择您想要添加此包的目标,然后点击“Finish”。

Xcode 将解析此包并将其添加到您的项目中。现在您可以在您的代码中导入和使用此包了。

快速开始

这是一个使用颜色数组的简单示例

import SwiftUI
import Gradiente

struct ContentView: View {
    var body: some View {
      // your view here:
      VStack {
        "Text"
      }
      .gradienteBackground(position: .top,
                           opacity: 1.0,
                           height: 300.0,
                           colors: [.cyan, .blue, .purple, .red, .yellow, .green])
    }
}

注意:为了正确闭合角度渐变,会自动添加最后一个颜色的另一个实例作为最后一个实例。 如果您想完全控制此行为,请使用 Gradient 变体。

您还可以传递一个 Gradient 对象,您可以在其中自定义步骤

.gradienteBackground(position: .top,
                     opacity: 1.0,
                     height: 300.0,
                     gradient: Gradient(stops: [
                      .init(color: .cyan, location: 0.1),
                      .init(color: .blue, location: 0.3),
                      .init(color: .purple, location: 0.5),
                      .init(color: .red, location: 0.7),
                      .init(color: .yellow, location: 0.8),
                      .init(color: .green, location: 0.9)
                      ]))

这是这两个代码示例的结果(此处添加了其他视图以用于演示目的)

颜色 渐变
Colors, top Gradient, top

positionopacityheight 参数可以省略,默认值是上面示例中列出的值。

渐变从角度 0(东)开始填充视图。 当 position.top 时,渐变顺时针填充,否则当 .bottom 时,渐变逆时针填充,以便在不同的位置保持一致性。

将渐变放置到底部时,这是结果(遵循本节中的相同示例)

颜色 渐变
Colors, bottom Gradient, bottom

许可证

该库在 MIT 许可证下获得许可。

关于我们

letvar 是一支专注于为任何设备制作应用程序的创意团队。 在 letvar.io 了解更多关于我们的信息,并在我们的社交媒体频道 @letvarhq 上关注我们!