ColorfulX

ColorfulX 是一个高性能库，用于创建生动、动画化的渐变视图。它提供了强大的功能和预设选项，作为 SwiftUI 的 MeshGradientView 的增强替代方案。

🥳 现在使用 LAB 颜色模型，实现平滑的动画过渡和无缝的颜色插值。

平台

一般支持 UIKit 和 AppKit 平台。

platforms: [
    .iOS(.v14),
    .macOS(.v11),
    .macCatalyst(.v14),
    .tvOS(.v14),
    .visionOS(.v1),
],

使用方法

将此包添加到您的项目中。

dependencies: [
    .package(url: "https://github.com/Lakr233/ColorfulX.git", from: "4.1.0"),
]

欲了解更多详细信息，请随时探索我们的示例项目。我们为您提供了各种预设以供方便使用。每个预设在演示应用程序中都是可识别的。例如，查看 ColorfulPreset 以找到名称，然后使用 .constant(preset.colors) 在 ColorfulView 中加载它。

SwiftUI

对于带有默认动画的动态颜色，使用以下代码：

import ColorfulX

struct ContentView: View {
    // 只使用 [SwiftUI.Color]，最多支持 8 个槽位。
    @State var colors: [Color] = ColorfulPreset.aurora.colors

    var body: some View {
        ColorfulView(color: $colors)
            .ignoresSafeArea()
    }
}

控制动画的参数如下：

@Binding var colors: [Color]
@Binding var speed: Double
@Binding var noise: Double
@Binding var transitionSpeed: Double

ColorfulView(
    color: $colors,
    speed: $speed,
    bias: $bias,
    noise: $noise,
    transitionSpeed: $transitionSpeed
)

要创建静态渐变，将 speed: 0 传递给 ColorfulView，或使用以下代码：

import ColorfulX

struct StaticView: View {
    var body: some View {
        MulticolorGradient(parameters: .constant(.init(
            points: [
                .init(color: .init(.init(Color.red)), position: .init(x: 0, y: 0)),
                .init(color: .init(.init(Color.blue)), position: .init(x: 1, y: 0)),
                .init(color: .init(.init(Color.green)), position: .init(x: 0, y: 1)),
                .init(color: .init(.init(Color.yellow)), position: .init(x: 1, y: 1)),
            ],
            bias: 0.01,
            power: 4,
            noise: 32
        )))
    }
}

UIKit/AppKit

对于带有默认动画的动态颜色，使用以下代码：

import MetalKit
import ColorfulX

let view = AnimatedMulticolorGradientView()
view.setColors(color, animated: false)
view.speed = speed
view.transitionDuration = transitionDuration
view.noise = noise

要创建静态渐变，使用以下代码：

import MetalKit
import ColorfulX

let view = MulticolorGradientView()
view.parameters = .init(points: [
    .init(color: .init(r: 1, g: 0, b: 0), position: .init(x: 1, y: 0)),
    .init(color: .init(r: 0, g: 1, b: 0), position: .init(x: 0, y: 0)),
    .init(color: .init(r: 0, g: 0, b: 1), position: .init(x: 0, y: 1)),
    .init(color: .init(r: 1, g: 1, b: 1), position: .init(x: 1, y: 1)),
], bias: 0.01, power: 2, noise: 32)