创建具有4种颜色和较小交点的渐变？

Question

这里有很多关于如何创建多色渐变的问题，但是我正在努力的是在渐变区域较小的情况下创建渐变。例如，我想查看4种颜色，并且我希望颜色之间的3个交点具有较小的渐变。

    gradientLayer = CAGradientLayer()
    gradientLayer.frame = gradientFrame
    let locations = [Float](arrayLiteral: 0.3, 0.35, 0.8, 0.85)
    gradientLayer.locations = locations.map { NSNumber(value: $0) }
    gradientLayer.colors = [UIColor.red.cgColor,
                            UIColor.orange.cgColor,
                            UIColor.green.cgColor,
                            UIColor.gray.cgColor]
    layer.insertSublayer(gradientLayer, at: 0)

我在红色和橙色，绿色和灰色之间得到了很好的渐变。但是橙色和绿色之间的梯度要大得多，看起来不正确。

我无法解决此问题。有解决方案吗？

Answer 1

在颜色顺序中使用绿色两次。红色橙色绿色绿色灰色。现在，您可以在其中间的中间过渡区和薄过渡区中拥有一个大的实心绿色。示例：

    let locations = [Float](arrayLiteral: 0.3, 0.35, 0.4, 0.8, 0.85)
    gradientLayer.locations = locations.map { NSNumber(value: $0) }
    gradientLayer.colors = [UIColor.red.cgColor,
                            UIColor.orange.cgColor,
                            UIColor.green.cgColor,
                            UIColor.green.cgColor,
                            UIColor.gray.cgColor]

这是一般原则；随意调整即可。