Gradiente 是一个简单的 iOS 库,用于在你的视图后面应用模糊、彩色且充满活力的背景。它使用 SwiftUI 编写,可以轻松应用于任何视图。
要将此 Swift 包安装到您的项目中,请按照以下步骤操作
https://github.com/letvarhq/Gradiente
。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)
]))
这是这两个代码示例的结果(此处添加了其他视图以用于演示目的)
颜色 | 渐变 |
---|---|
![]() |
![]() |
position
、opacity
、height
参数可以省略,默认值是上面示例中列出的值。
渐变从角度 0(东)开始填充视图。 当 position
为 .top
时,渐变顺时针填充,否则当 .bottom
时,渐变逆时针填充,以便在不同的位置保持一致性。
将渐变放置到底部时,这是结果(遵循本节中的相同示例)
颜色 | 渐变 |
---|---|
![]() |
![]() |
该库在 MIT 许可证下获得许可。
letvar 是一支专注于为任何设备制作应用程序的创意团队。 在 letvar.io 了解更多关于我们的信息,并在我们的社交媒体频道 @letvarhq 上关注我们!