从绿色到红色的颜色百分比变化。

Question

我想创建一个自定义的UIColor，根据百分比值从绿色到红色变化，但我不知道如何实现这样的功能。你有什么建议吗？

- derdida

---

类似于这个。 - Avis

Answer 1

如果你只想要一个线性混合，可以尝试以下类似的方法：

func mixGreenAndRed(greenAmount: Float) -> UIColor {
    return UIColor(red: (1.0 - greenAmount), green: greenAmount, blue: 0.0, alpha: 1.0)
}

这个可能会通过RGB (0.5, 0.5, 0)混合，形成一种丑陋的橙色，因此您可能想尝试另一种方法，它只会在红色和绿色之间调整色相，经过黄色，并允许您根据自己的口味改变饱和度/亮度：

func mixGreenAndRed(greenAmount: Float) -> UIColor {
    // the hues between red and green go from 0…1/3, so we can just divide percentageGreen by 3 to mix between them
    return UIColor(hue: greenAmount / 3, saturation: 1.0, brightness: 1.0, alpha: 1.0)
}

在这两种情况下，greenAmount 应该是一个在0.0-1.0之间的值，而不是0-100。

- Noah Witherspoon

---

百分之绿色是什么？ - 2ank3th

Answer 2

您可以使用我的扩展程序，通过百分比从颜色数组中获取中间颜色。

extension Array where Element: UIColor {
    func intermediate(percentage: CGFloat) -> UIColor {
        let percentage = Swift.max(Swift.min(percentage, 100), 0) / 100
        switch percentage {
        case 0: return first ?? .clear
        case 1: return last ?? .clear
        default:
            let approxIndex = percentage / (1 / CGFloat(count - 1))
            let firstIndex = Int(approxIndex.rounded(.down))
            let secondIndex = Int(approxIndex.rounded(.up))
            let fallbackIndex = Int(approxIndex.rounded())

            let firstColor = self[firstIndex]
            let secondColor = self[secondIndex]
            let fallbackColor = self[fallbackIndex]

            var (r1, g1, b1, a1): (CGFloat, CGFloat, CGFloat, CGFloat) = (0, 0, 0, 0)
            var (r2, g2, b2, a2): (CGFloat, CGFloat, CGFloat, CGFloat) = (0, 0, 0, 0)
            guard firstColor.getRed(&r1, green: &g1, blue: &b1, alpha: &a1) else { return fallbackColor }
            guard secondColor.getRed(&r2, green: &g2, blue: &b2, alpha: &a2) else { return fallbackColor }

            let intermediatePercentage = approxIndex - CGFloat(firstIndex)
            return UIColor(red: CGFloat(r1 + (r2 - r1) * intermediatePercentage),
                           green: CGFloat(g1 + (g2 - g1) * intermediatePercentage),
                           blue: CGFloat(b1 + (b2 - b1) * intermediatePercentage),
                           alpha: CGFloat(a1 + (a2 - a1) * intermediatePercentage))
        }
    }
}

使用方法：

let color = [.green, .red].intermediate(percentage: 50)

还有更多的颜色：

let color = [.green, .yellow, .red].intermediate(percentage: 70)

- Nikaaner

---

这太棒了！正是我所需要的。 - aheze

Answer 3

我一直在寻找类似的东西，所以我自己写了一个。但是我在Swift方面非常新手。

static func successColor(percent: Int) -> UIColor {
    let p = CGFloat(percent)
    let tempR = (100.0-p)/100
    let r: CGFloat = tempR < 0 ? 0 : tempR
    let tempG = 1+(p-100.0)/100.0
    let g: CGFloat = tempG < 0 ? 0 : tempG
    return UIColor(red: r, green: g, blue: 0, alpha: 1)
}

- Andrew Adamovitch